Cara Membuat Pull Down, Scrolling List, dan Textarea Pada HTML | Web Edukasi - Sanabila.com

Home

Daftar Isi

Instagram

Google+

Facebook

Twitter

Contact

Pasang Iklan

Refresh
Loading...

Cara Membuat Pull Down, Scrolling List, dan Textarea Pada HTML

Cara Membuat Pull Down, Scrolling List, dan Textarea Pada HTML - Pada chapter Sebelumnya kita sudah membahas tentang :
Selanjutnya, pada artikel ini kita akan belajar tentang Cara Membuat Pull Down, Scrolling List, dan Textarea Pada HTML.
Chapter 14. Cara Membuat Pull Down, Scrolling List, dan Textarea Pada HTML
Cara Membuat Pull Down, Scrolling List, dan Textarea Pada HTML


Pull Down dan Scrolling Lists

Jenis input selanjutnya selain membuat input form adalah membuat Pull Down List. Dengan jenis ini Anda bisa menggunakan tag <SELECT> dan tag tersebut memiliki tag penutup yaitu </SELECT>

<SELECT>
</SELECT>
hanya dengan membuat kode diatas, maka hasilnya akan seperti dibawah ini :

Jangan lupa untuk memberi sebuah 'name'.
<SELECT NAME="POSITION">
</SELECT>

Selanjutnya tambah beberapa option.
<SELECT NAME="POSITION">
<OPTION>Berani
<OPTION>Jujur
<OPTION>Tidak Keduanya
</SELECT>
Maka hasilnya :

dan berikan sebuah value pada <OPTION> .
<SELECT NAME="POSITION">
<OPTION VALUE="PB">Berani
<OPTION VALUE="DBA">Jujur
<OPTION VALUE="NOTA">Tidak Keduanya
</SELECT>
Pilihan defaultnya adalah salah satu option yang ditulis paling pertama.



Kita bisa lebih menspesifikasikan default option seperti yang kita inginkan dengan menggunakan perintah SELECTED.
<SELECT NAME="POSITION">
<OPTION VALUE="PB">Berani
<OPTION VALUE="DBA" SELECTED>Jujur
<OPTION VALUE="NOTA">Tidak Keduanya
</SELECT>

Pembuatan Scrolling List sangat mirip dengan pembuatan Pull Down List. pertama kita hanya menambahkan beberapa option. kemudian, yang kita lakukan untuk mengubahnya menjadi Scrolling List adalah menambahkan atribut SIZE ke tag <SELECT>.
<SELECT NAME="POSITION" SIZE=4>
<OPTION VALUE="PB">Berani
<OPTION VALUE="DBA">Jujur
<OPTION VALUE="VB">Adil
<OPTION VALUE="ADMIN">Pantang Menyerah
<OPTION VALUE="Disiplin">Disiplin
<OPTION VALUE="NOTA">Tidak salah satu dari atas
</SELECT>

atribut SIZE berfungsi untuk menampilkan option yang sesuai dengan valuenya. Misalkan Size=4 maka option yang akan tampil berjumlah empat.


Kita juga bisa memilih default <OPTION>, dengan menggunakan perintah SELECTED.
<SELECT NAME="POSITION" SIZE=4>
<OPTION VALUE="PB">Berani
<OPTION VALUE="DBA" SELECTED>Jujur
<OPTION VALUE="VB">Adil
<OPTION VALUE="ADMIN">Pantang Menyerah
<OPTION VALUE="Disiplin">Disiplin
<OPTION VALUE="NOTA">Tidak Keduanya
</SELECT>

Membuat Textarea

Tipe input jenis <TEXTAREA> sangat berguna.
<TEXTAREA NAME="COMMENTS">
</TEXTAREA>



Share on Google Plus
Written by: Sanabila. com
Sanabila, Updated at: 2/18/2015