BAB 027 - (Form) Input Lainnya

Tag <select>

Tag <select> adalah sebuah inpiut data bermodel combo box.

Isi dari tag <select> ini didefinisikan oleh elemen <option>.

Secara default nilai awalnya adalah item yang pertama, tetapi kita bisa menggunakan atribut selected untuk menjadikan item yang lain sebagai default nilai awal.

Contoh :

Cobalah utak-atik contoh diatas

 

Tag <select> memiliki atribut "size" jika ingin menampilkan option lebih dari 1 baris.

Atribut "multiple" jika ingin memiliki nilai lebih dari 1 option, pilihlah dengan menekan Ctrl+Click

Contoh :

Cobalah utak-atik contoh diatas

 

 

Tag <textarea>

<textarea> adalah sebuah inpiut data bermodel text box lebih dari 1 baris.

<textarea> memiliki atribut "rows" menentukan jumlah baris text box tersebut.

Atribut "cols" menentukan jumlah kolom text box tersebut (lebar).

Jika didalam CSS:

  • rows didefinisikan dengan height
  • cols didefinisikan dengan widthh

Contoh :

Cobalah utak-atik contoh diatas

 


Tag <button>

<button> adalah sebuah inpiut data bermodel button (tombol).

tag ini jarang digunakan didalam form, karena sudah ada tombol Submit.

Tag ini biasanya digunakan untuk pelengkap desain hyperlink atau tombol fungsi khusus keperluan tertentu memanggil fungsi Java Script.

Contoh :

Cobalah utak-atik contoh diatas

 


Sebelumnya
BAB 026 - (Form) Tipe Input
  Berikutnya
BAB 028 - (Form) Validasi Entry Form

 

(0) Komentar

Beri komentar





Hanya komentar yang sudah di-approve admin yang tampil.

KESIMPULAN : Tag <select> Tag <select> adalah sebuah inpiut data bermodel combo box. Isi dari tag <select> ini didefinisikan oleh elemen <option>. Secara default nilai awalnya adalah item yang pertama, tetapi kita bisa menggunakan atribut selected untuk menjadikan item yang lain sebagai default nilai awal. Contoh : Cobalah utak-atik contoh diatas   Tag <select> memiliki atribut "size" jika ingin menampilkan option lebih dari 1 baris. Atribut "multiple" jika ingin memiliki nilai lebih dari 1 option, pilihlah dengan menekan Ctrl+Click Contoh : Cobalah utak-atik contoh diatas     Tag <textarea> <textarea> adalah sebuah inpiut data bermodel text box lebih dari 1 baris. <textarea> memiliki atribut "rows" menentukan jumlah baris text box tersebut. Atribut "cols" menentukan jumlah kolom text box tersebut (lebar). Jika didalam CSS: rows didefinisikan dengan height cols didefinisikan dengan widthh Contoh : Cobalah utak-atik contoh diatas   Tag <button> <button> adalah sebuah inpiut data bermodel button (tombol). tag ini jarang digunakan didalam form, karena sudah ada tombol Submit. Tag ini biasanya digunakan untuk pelengkap desain hyperlink atau tombol fungsi khusus keperluan tertentu memanggil fungsi Java Script. Contoh : Cobalah utak-atik contoh diatas  

 

 

Step By Step Belajar HTML 5

 

 

Artikel Lainnya :