Belajar HTML Part 29 Fungsi dari tag label, legend, dan fieldset di Form HTML

Posted on Posted in Tutorial HTML

Jika dalam tutorial sebelumnya kita telah membahas mengenai bagaimana cara untuk membuat tombol di form HTML, seperti tombol submit, reset dan tombol yang digunakan untuk mengaktifkan javascript yang bertipekan button, nah dalam tutorial ini kita akan membahas 3 tag lagi yang masih berhubungan dengan form yaitu tag label, tag legend, dan tag fieldset.

Bagaimana penasaran ? baik langsung penjelasannya adalah sebagai berikut.

Tag label ini bersifat opsional, dengan menggunakan tag label anda dapat memberikan keterangan pada form yang anda buat, tidak hanya itu dengan menggunakan tag label akan mempermudah pengisian inputan form yang anda buat, sebagai contoh kita akan buat pembanding.

kita akan membuat 4 input checkbox, 2 input menggunakan label dan 2 input lainnya tidak menggunakan label :

semisal saya beri nama tag_label_form.html, lalu saya buka di browser maka hasilnya :

tag_label

hasilnya akan ada 4 checkbox dengan detail :

  • pilihan 1 dan pilihan 2 anda harus mengklik pada bagian checkbox untuk menchecklist pilihan.
  • pilihan 3 dan pilihan 4 dapat di klik di bagian keterangan saja, maka checkbox akan terchecklist karena kita memberikan tag <label></label> pada bagian inputannya.

 

Tag Fieldset dan tag legend

Kedua tag ini digunakan untuk menata tampilan dari form yang anda buat, detail dari kedua fungsi ini adalah :

  • tag fieldset digunakan untuk mengelompokkan objek pada form, atau lebih tepatnya memberikan bingkai pada bagian objek form yang diinginkan.
  • tag legend digunakan untuk memberikan keterangan (judul) pada bagian form.

agar anda lebih memahami fungsi dari kedua tag ini silahkan anda perhatikan skrip dibawah ini :

 

semisal saya simpan dengan nama tag_fieldset_label.html, lalu saya buka di browser :

terlihat terdapat bingkai pada masing masing objek yang telah menggunakan tag <fieldset> bagaimana mudah kan.

 

Kesimpulan

Setelah kita membahas mengenai banyak sekali fitur fitur form yang ada pada HTML, nah pada bagian ini kita akan membuat skrip yang menggunakan seluruh fitur form yang telah kita bahas sebelumnya.

 

semisal kita berikan nama  belajar_form.html lalu saya buatkan di browser :

nah bagaimana mudah kan, baik itu dulu yang bisa warung belajar bagi pada tutorial kali ini, kita telah belajar mengenai bagaimana cara membuat form di HTML, sampai jumpa di tutorial tutorial selanjutnya

Anda serius ingin menguasai HTML ?

Warung Belajar telah membuat DVD Tutorial “Tutorial HTML – White Box“. DVD Tutorial ini membahas HTML dengan lebih lengkap dan detail. Penjelasan lebih lanjut bisa ke: Tutorial HTML – White Box

Leave a Reply

Your email address will not be published. Required fields are marked *