Apa fungsi label pada html?

Jika pada tutorial sebelumnya kita telah membahas cara membuat tombol dalam bentuk HTML seperti tombol submit, tombol reset dan tombol yang digunakan untuk mengaktifkan tombol bertipe javascript, nah pada tutorial kali ini kita akan membahas 3 tag lagi yang masih berhubungan. ke form yaitu tag label, tag legenda, dan tag fieldset

Seberapa penasaran?

 


Video Tutorial Belajar HTML - Mengenal Tag Label, Fieldset, dan Legend dalam Form HTML

 

Tag label ini bersifat opsional, dengan menggunakan tag label anda dapat memberikan informasi pada form yang anda buat, tidak hanya itu dengan menggunakan tag label akan memudahkan dalam mengisi input form yang anda buat, misal kita akan membuat perbandingan

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<. DOCTYPE html>

<html>

<kepala>

   <judul>Formulir HTML</judul>

</kepala>

<tubuh>

<bentuk tindakan="proses. php" metode="dapatkan">

<p><masukan ketik="kotak centang" nama="opsi1">Opsi 1< /p>

<p><masukan ketik="kotak centang" nama="opsi2">Opsi 2< /p>

<jam/>

<jam/>

<p><label><masukkan ketik="kotak centang" nama="option3"> Opsi 3</label ></p>

<p><label><masukkan ketik="kotak centang" nama="option4"> Opsi 4</label ></p>

</bentuk>

</tubuh>

</html

misalnya saya beri nama tag_label_form. html, lalu saya buka di browser dan hasilnya adalah

Apa fungsi label pada html?

hasilnya akan menjadi 4 kotak centang dengan detail

  • opsi 1 dan opsi 2 Anda harus mengklik bagian kotak centang untuk memeriksa daftar opsi
  • pilihan 3 dan pilihan 4 dapat di klik di bagian keterangan saja, maka checkbox akan terchecklist karena kita memberikan tag pada bagian inputannya.

 

Tag fieldset dan tag legenda

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

  • Tag fieldset digunakan untuk mengelompokkan objek pada form, atau lebih tepatnya untuk memberikan bingkai pada bagian objek form yang diinginkan
  • Tag legenda digunakan untuk memberikan informasi (judul) pada bagian formulir

agar anda lebih memahami fungsi dari kedua tag tersebut, silahkan perhatikan script dibawah ini

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

<. DOCTYPE html>

<html>

<kepala>

   <judul>Formulir HTML</judul>

</kepala>

<tubuh>

<bentuk tindakan="proses. php" metode="dapatkan">

<kumpulan bidang>

<legenda>Informasi Akun</legenda>

<p>Nama Pengguna <masukan ketik="teks" nama="nama pengguna"/>< /p>

<p>Kata Sandi <masukkan ketik="sandi" nama="sandi"/>< /p>

</kumpulan bidang>

<kumpulan bidang>

<legenda>Informasi Data Diri</legenda>

<p>

Ketik Seks

<pilih nama="jenkel">

<opsi nilai="pria" >Pria - Pria< /opsi>

<opsi nilai="perempuan">Perempuan</opsi>

</pilih>

</p>

<p>

Agama

<pilih nama="jenkel">

<opsi nilai="islam">Islam</opsi>

<opsi nilai="kristen">Kristen</opsi>

<opsi nilai="katolik">Katolik</opsi>

<opsi nilai="hindu">Hindu</opsi>

<opsi nilai="buddha">Buddha</opsi>

</pilih>

</p>

</kumpulan bidang>

<p><tombol ketik="kirim">Kirim</tombol><tombol ketik="setel ulang"> Atur ulang</tombol> </p>

</bentuk>

</tubuh>

</html>

 

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

Apa fungsi label pada html?

terlihat terdapat bingkai pada masing masing objek yang telah menggunakan tag

bagaimana mudah kan.

 

Kesimpulan

Setelah kita membahas banyak fitur fitur form pada HTML, pada bagian ini kita akan membuat script yang menggunakan semua fitur form yang telah kita bahas sebelumnya.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

<. DOCTYPE html>

<html>

<kepala>

   <judul>Formulir HTML</judul>

</kepala>

<tubuh>

<bentuk tindakan="proses. php" metode="post" enctype="multibagian/formulir-data">

<kumpulan bidang>

<legenda>Informasi Akun</legenda>

<p>Nama Pengguna <masukan ketik="teks" nama="nama pengguna"/>

<masukkan ketik='tersembunyi' nama='token' nilai= '12345678' />

</p>

<p>Kata Sandi <masukkan ketik="sandi" nama="sandi"/>< /p>

</kumpulan bidang>

<kumpulan bidang>

<legenda>Informasi Data Diri</legenda>

<p>Nama<masukan ketik="teks" nama="nama"/>< /p>

<p>Jenis Seks</p>

    <p><input ketik='radio' nama='sex_type' nilai='pria ' />Pria< //a>p>

    <p><input ketik='radio' nama='sex_type' nilai='perempuan ' />Wanita< //a>p>

<p>Agama

  <pilih nama='agama'>

<opsi nilai='islam'>Islam</opsi>

<opsi nilai='kristen'>Kristen</opsi>

<opsi nilai='katolik'>Katolik</opsi>

<opsi nilai='hindu'>Hindu</opsi>

<opsi nilai='kristen'>Buddha</opsi>

  </pilih>

</p>

<p>Alamat</p>

      <p><textarea nama="alamat" baris="3" kolom="30 "></textarea ></p>

<p>Unggah <masukan ketik='file' nama='foto' terima=' image/*' /></p>

</kumpulan bidang>

<kumpulan bidang>

<legenda>Kemampuan</legenda>

<p>Kemampuan Bahasa Pemrograman ?</p>

      <p><input ketik='kotak centang' nama='bahasa1' nilai='php ' />PHP< //a>p>

      <p><input ketik='kotak centang' nama='bahasa2' nilai='asp ' />ASP< //a>p>

      <p><input ketik='kotak centang' nama='bahasa3' nilai='jsp ' />JSP< //a>p>

</kumpulan bidang>

<p>

<tombol ketik="kirim">Tombol Kirim</tombol>

<tombol ketik="setel ulang">Tombol Atur Ulang</tombol>

</p>

</bentuk>

</tubuh>

</html>

 

misalnya kita beri nama belajar_form. html dan kemudian saya membuatnya di browser

Apa fungsi label pada html?

Nah mudah kan nah itu yang bisa kita pelajari untuk tutorial kali ini kita sudah belajar cara membuat form di html sampai jumpa di tutorial selanjutnya
[stextbox id=”info”] Anda serius ingin menguasai HTML?

Warung Belajar telah membuat DVD Tutorial "Tutorial HTML - Kotak Putih". DVD Tutorial kali ini membahas tentang HTML secara lebih lengkap dan detail. Penjelasan lebih lanjut bisa ke. Tutorial HTML – Kotak Putih[/stextbox]

Apa Fungsi Label pada HTML?

Tag label pada HTML berfungsi sebagai pelengkap deskripsi untuk beberapa objek formulir seperti radio atau kotak centang. Selain untuk memberikan informasi, tag label juga memudahkan penggunaan input data (membuat form user friendly).

Apa yang dimaksud dengan label label?

Label (Bahasa Inggris. Tag ) adalah penanda. Dalam sistem komputer online, label ( tag ) adalah non-hierarkis keyword atau non-elevasi yang tugasnya menampilkan potongan informasi (seperti petunjuk arah internet, gambar digital, atau file komputer).

Apa fungsi dari tag input?

Tag Function Input Type Text dan Type Password pada pembuatan Form HTML. Secara umum, kedua jenis tag masukan ini berfungsi sebagai kolom untuk diisi dari pengguna . Dengan perbedaan type=password, teks tidak akan ditampilkan, melainkan diganti dengan karakter khusus.

Apa fungsi form action dalam HTML?

Atribut action berfungsi untuk menentukan URL tujuan tempat data dari . Jadi ketika formulir dikirimkan, browser akan mengirimkan semua data pada formulir ke URL yang ditentukan dalam atribut tindakan.