Mengungkap cara membuat eBook dan Cover 3 Dimensi hanya dalam 1 menit atau kurang

Cara Mudah Membuat Form

Pelajaran 4

Sebelum kita lanjutkan, ada satu hal lagi yang ingin saya jelaskan. Anda bisa juga menggunakan gambar di dalam form. Bahkan anda dapat menggunakan apapun di dalam form, atau form di dalam apapun. Asalkan anda memperhatikan penulisan html anda dan menghindarkan terjadinya tag yang bersilangan (overlapping tags).

Quiz Kabinet
Apakah Mereka "The Right Man in The Right Place"?

YaTidak	YaTidak	YaTidak	YaTidak	YaTidak	YaTidak
YaTidak	YaTidak	YaTidak	YaTidak	YaTidak	YaTidak

Cara pembuatan form ini   ada  di sini jika anda tertarik.

Overlapping tags, untuk anda yang masih belum tahu, adalah tag-tag yang .... ehm.... saling bersilangan. Coba saya jelaskan.

    <TABLE><FORM></TABLE></FORM>    Overlapping tags.... bersilangan.... jangan
   <TABLE><FORM></FORM></TABLE>    Nested tags.... yang satu di dalam yang lain.... OK

Bentuk masukan selanjutnya adalah Pull Down List. Untuk masukan jenis ini anda gunakan <SELECT> sebagai pengganti <INPUT> dan anda harus tambahkan tag penutup. Mari kita coba.

<SELECT>
</SELECT>

Jangan lupa beri nama.

<SELECT NAME="TEMAN BAIK">
</SELECT>

Kemudian tambahkan beberapa option.

 <SELECT NAME="TEMAN BAIK">
<OPTION>Edi
<OPTION>Ricky
<OPTION>Tomi
<OPTION>Reza
</SELECT>

Dan setiap <OPTION> kita beri VALUE.

 <SELECT NAME="TEMAN BAIK">
<OPTION VALUE="Edi">Edi
<OPTION VALUE="Ricky">Ricky
<OPTION VALUE="Tomi">Tomi
<OPTION VALUE="Reza">Reza
</SELECT>

Defaultnya adalah pilihan pertama dalam daftar.

Kita dapat mengubah default ini sehingga tidak harus yang tercantum paling atas dalam daftar.

<SELECT NAME="TEMAN BAIK">
<OPTION VALUE="Edi">Edi
<OPTION VALUE="Ricky">Ricky
<OPTION VALUE="Tomi" SELECTED>Tomi
<OPTION VALUE="Reza">Reza
</SELECT>

Scrolling List dibuat dengan cara yang persis sama dengan Pull Down List . Pertama-tama kita tambahkan dulu beberapa nama.

<SELECT NAME="TEMAN BAIK">
<OPTION VALUE="Edi">Edi
<OPTION VALUE="Ricky">Ricky
<OPTION VALUE="Tomi">Tomi
<OPTION VALUE="Reza">Reza
<OPTION VALUE="Arie">Arie
<OPTION VALUE="Putri">Putri
<OPTION VALUE="Maria">Maria
</SELECT>

Satu-satunya hal yang harus kita lakukan untuk mengubahnya menjadi Scrolling List adalah menambahkan atribut SIZE pada tag <SELECT>.

<SELECT NAME="TEMAN BAIK" SIZE=4>
<OPTION VALUE="Edi">Edi
<OPTION VALUE="Ricky">Ricky
<OPTION VALUE="Tomi">Tomi
<OPTION VALUE="Reza">Reza
<OPTION VALUE="Arie">Arie
<OPTION VALUE="Putri">Putri
<OPTION VALUE="Maria">Maria
</SELECT>

Atribut SIZE menunjukkan berapa banyak pilihan yang ingin anda tampilkan. Gampang, kan?

Sekali lagi, defaultnya adalah pilihan pertama pada <OPTION>, dan seperti tadi kita dapat mengubahnya dengan memilih yang lain.

<SELECT NAME="TEMAN BAIK" SIZE=4>
<OPTION VALUE="Edi">Edi
<OPTION VALUE="Ricky">Ricky
<OPTION VALUE="Tomi" SELECTED>Tomi
<OPTION VALUE="Reza">Reza
<OPTION VALUE="Arie">Arie
<OPTION VALUE="Putri">Putri
<OPTION VALUE="Maria">Maria
</SELECT>

Saya tidak punya alasan mengapa anda akan mengubah default pada Scrolling List ini, tetapi karena memang bisa diubah saya rasa saya harus menjelaskannya.

Bentuk masukan lain yang sangat berguna adalah <TEXTAREA>.

 <TEXTAREA NAME="KOMENTAR">
</TEXTAREA>

Anda menentukan besarnya kotak masukan dengan cara....

 <TEXTAREA NAME="KOMENTAR" ROWS=6 COLS=50>
</TEXTAREA>

ROWS adalah tingginya, COLS adalah lebarnya.

Satu atribut yang cukup membantu dalam <TEXTAREA> adalah WRAP. Mungkin ada browser yang tidak mengenal perintah ini, tapi jika demikian, perintah ini akan diabaikan.

Cobalah menuliskan kalimat yang cukup panjang di dalam kotak masukan....

<TEXTAREA NAME="KOMENTAR" ROWS=3 COLS=30 WRAP=VIRTUAL>
</TEXTAREA>

WRAP=VIRTUAL berarti kalimat yang lebih panjang dari lebar kotak masukan akan diteruskan ke baris di bawahnya, tetapi yang disimpan oleh browser tetap satu kalimat panjang yang tidak terputus. 

Lakukan hal yang sama dengan ini....

<TEXTAREA NAME="KOMENTAR" ROWS=3 COLS=30 WRAP=PHYSICAL>
</TEXTAREA>

WRAP=PHYSICAL artinya kalimat panjang akan ditampilkan lebih dari satu baris, dan akan disimpan dalam bentuk itu juga.

Sekarang anda coba yang ini untuk melihat bedanya....

<TEXTAREA NAME="KOMENTAR" ROWS=3 COLS=30 WRAP=OFF>
</TEXTAREA>

Ini adalah defaultnya.
WRAP=OFF artinya kalimat panjang tidak akan ditampilkan berganti baris, tetapi akan disimpan dalam bentuk persis seperti yang anda ketikkan. (Cobalah dengan mengetikkan ENTER.)

TELL ME MORE - Percakapan Bahasa Inggris Dengan Komputer Anda..!
	Tutorial Membuat Website: What do you want to learn today?
	Membuat Web Page 1 2 3 4 5 6 7 8 9
	Membuat Tabel 1 2 3 4 5 6
	Membuat Form 1 2 3 4 5
	Membuat Frame 1 2 3 4 5 6
	Dapatkan DVD Tutorial Membuat Website - Klik di sini!

Terapi Gelombang Otak - Meningkatkan Konsentrasi, Kecerdasan, dan Daya Ingat

TUTORIAL MEMBUAT WEBSITE | CARA MEMBUAT WEBSITE

Belajar Sulap Bonus Cewek Seksi..! Bagaimana bisa? Tanya saja >>> webmaster