Trik Blogger

Trik-trik mempercantik blogger,kumpulan trik blogger terlengkap,trik blogspot,cara membuat blog,trik membuat blog tampil menarik

Senin

Home » » Tutorial HTML Bab.14

Tutorial HTML Bab.14

By No comments
Bab 14: Bentuk Lanjutan
Pull Down dan Scrolling Daftar
Jenis berikutnya prediksi adalah Pull Down List. Dengan tipe ini anda menggunakan <select> bukan <input> dan memiliki tag penutup.
<select>
</ SELECT>
Jangan lupa untuk memberikan nama.
<select NAME="POSITION">
</ SELECT>
Selanjutnya menambahkan beberapa pilihan.
<select NAME="POSITION">
<option> PowerBuilder Developer
<option> Database Administrator
<option> Ada di atas
</ SELECT>
Dan berikan setiap <option> sebuah NILAI.
<select NAME="POSITION">
<option VALUE="PB"> PowerBuilder Developer
<option VALUE="DBA"> Database Administrator
Tak satu pun dari VALUE="NOTA"> <option di atas
</ SELECT>
Pilihan default adalah salah satu yang didaftarkan pertama.
Kita dapat menentukan default selain pilihan pertama dalam daftar.
<select NAME="POSITION">
<option VALUE="PB"> PowerBuilder Developer
<option VALUE="DBA" selected> Database Administrator
Tak satu pun dari VALUE="NOTA"> <option di atas
</ SELECT>
Sebuah Menggulung List ini sangat mirip dengan konstruksi Pull Down List. Kami akan menambahkan beberapa pilihan pertama. Kemudian, semua kita lakukan untuk mengubahnya menjadi Menggulung List adalah menambahkan atribut UKURAN ke <select> tag.
<select NAME="POSITION" SIZE=4>
<option VALUE="PB"> PowerBuilder Developer
<option VALUE="DBA"> Database Administrator
<option VALUE="VB"> Visual Basic Pengembang
Staf Administrasi VALUE="ADMIN"> <option
<option VALUE="JANITOR"> Pengawas
Tak satu pun dari VALUE="NOTA"> <option di atas
</ SELECT>
Yang UKURAN hanyalah menunjukkan berapa banyak pilihan di jendela.
Sekali lagi, nilai default <option> pertama, dan sekali lagi kita dapat mengubah bahwa dengan memilih salah satu.
<select NAME="POSITION" SIZE=4>
<option VALUE="PB"> PowerBuilder Developer
<option VALUE="DBA" selected> Database Administrator
<option VALUE="VB"> Visual Basic Pengembang
Staf Administrasi VALUE="ADMIN"> <option
<option VALUE="JANITOR"> Pengawas
Tak satu pun dari VALUE="NOTA"> <option di atas
</ SELECT>
Textarea
Yang sangat berguna jenis input <TEXTAREA>.
<textarea NAME="COMMENTS">
</ Textarea>
Anda mengontrol ukuran kotak seperti begitu ...
<textarea NAME="COMMENTS" ROWS=6 COLS=50>
</ Textarea>
ROWS adalah tinggi, cols adalah lebar.
| / / (@ @) ---------------------- OOO --- -------- (_)--- OOo -----------------::: Ini adalah untuk menggambarkan bahwa jika anda mengetik sesuatu di antara:: di textarea tag, maka akan muncul di jendela sebagai:: default "KOMENTAR . Bagian yang sejuk ... itu muncul:: PERSIS tipe:: cara Anda itu! :: (Kecuali jika Anda menggunakan MS Internet Explorer): ------------------------------------- ------------------------- |__|__| | | | | ooO Ooo
Atribut yang baik yang akan disertakan dalam <TEXTAREA> adalah WRAP. Beberapa browser tidak mengerti hal itu, tapi kalau itu terjadi, mereka akan mengabaikannya saja.
Silakan ketik di kotak ...
<textarea NAME="COMMENTS" ROWS=3 COLS=30 WRAP=VIRTUAL>
</ Textarea>
WRAP = VIRTUAL berarti bahwa teks dalam kotak membungkus, namun dikirim sebagai salah satu tali panjang yang berkesinambungan.
<textarea NAME="COMMENTS" ROWS=3 COLS=30 WRAP=PHYSICAL>
</ Textarea>
WRAP = FISIK berarti bahwa teks dalam kotak membungkus, dan dikirim dengan cara itu juga.
<textarea NAME="COMMENTS" ROWS=3 COLS=30 WRAP=OFF>
</ Textarea>
Ini adalah default.
WRAP = OFF berarti bahwa teks dalam kotak tidak membungkusnya, tetapi dikirim tepat seperti diketik dalam (seperti laki-laki kecil beberapa textareas kembali).
Halaman HTML Anda sendiri ...
Buka halaman "feedback.htm" di Notepad, dan tambahkan berikut (teks biru adalah apa untuk menambahkan).
<html>
<body background="bgnd.gif">

<center> <h1> Feedback Form </ h1> </ center>
<br>
<form>
<b> Nama saya adalah: </ b> <input type=text name="name">
<p>
<b> Saya bekerja sebagai: </ b> <br>
.
.
</ p>
<p>
<b> Ketika datang ke web browser: </ b> <br>
.
.
</ p>

<b> saya menilai situs Anda sebagai: </ b> <br>
<select name="Rating">
<option value="Wow"> Wow! Bagaimana kau melakukannya?
Realy good value="good"> <option
<option value="interesting"> menarik
<option value="hmmm"> Hmmm - terlihat lebih baik
<option value="tryagain"> Coba lagi kuncup!
</ select>
</ p>
<p>
<b> Komentar: </ b> <br>
<textarea name="comments" rows="6" cols="50" wrap="physical">
</ textarea>
</ p>
</ body>
</ html>
Simpan file.
Bab 15: Bentuk Lanjutan
Share:  Facebook Twitter Google+

0 komentar:

Posting Komentar