Jenis-jenis Input Pada HTML

HTML Programing

HTML merupakan sebuah kerangka web yang berjalan bersamaan dengan CSS dan bahasa pemrograman PHP. Pada HTML terdapat elemen-elemen yang mendukung berjalannya sebuah program web agar lebih menarik dan memudahkan pengunjung.
Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web.
Pengguna web dapat memasukkan input melalui halaman-halaman HTML.

Elemen/ TAG ini digunakan membatasi input. Dalam satu form dapat terdiri atas
beberapa form, akan tetapi hanya satu form yang dapat dikirim ke server dalam
satu saat.

Jenis masukan dalam satu formulir dibedakan menjadi: 

• - Text, digunakan untuk memasukkan suatu nilai untuk dikirimkan kepadaserver. Nilai yang dimasukkan dapat berupa angka ataupun teks. 
• - Radio, menyediakan beberapa pilihan, hanya satu pilihan yang bisa dipilih. 
• - Check box, menyediakan beberapa pilihan, bisa lebih dari satu pilihan yang dipilih. 
• - List, menyediakan pilihan dalam bentuk list pilihan, pilihan yang dipilih dapat lebih dari satu
• - Image, digunakan sebagai pengganti button, berupa button yang berbentuk gambar 
• - Text area, digunakan untuk memasukkan data dalam bentuk teks berupa memo.
• - Button, digunakan untuk mendefinisikan tombol untuk melakukan pemrosesan form. Ada bermacam-macam button. 

Baca Juga:

• Contoh Program Sisa Bagi Pada C++
• Macam Macam Tipe Data pada C++ || Algoritma dan Struktur Data

Ada bermacam-macam button.

o Submit: digunakan untuk memanggil url, setelah input selesai

dimasukkan.

o Reset: digunakan untuk menginisialisasi setiap elemen form.

o Button: digunakan untuk membuat form lebih interaktif, untuk

memanggil script yang ada di dalam dokumen htmls.

Setiap jenis Input dalam form mempunyai tag-tag sendiri dengan masng- masing atributnya. 

1. Tag Text

<input type=”text” name=”var1” size=# maxlength=#>

Ket :
- Value pada atribut size menunjukkan besar text box.
- Value pada atribut maxlenght menunjukkan jumlah karakter maksimum yang ditampung

2. Tag Radio
<input type=”radio”> Pilihan 1
<input type=”radio”> Pilihan 2
<input type=”radio”> Pilihan 3

3. Tag Checkbox
<input type=”checkbox”> Pilihan 1
<input type=”checkbox”> Pilihan 2
<input type=”checkbox”> Pilihan 3

4. Tag Select
<select size=2>
<option> Pilihan 1
<option> Pilihan 2
<option> Pilihan 3
</select>

Ket :
- Value pada atribut size digunakan untuk menampilkan pilihan pada list lebih dari satu.
- Default adalah satu pilihan, secara otomatis maka list berupa list box.

5. Tag Button
<input type=”submit”>
<input type=”reset”>

6. Tag image
<input type=”image” src=url_image”>

7. Text Area
<textarea cols=”55” rows=”5”></textarea>

Tag Html memang sangat berguna untuk keperluan coding web maupun blog, Selain memudahkan visitor dalam membedakan tag-tag yang ada, tag html juga memudahkan administrator dalam membuat sebuah form, seperti form kontak, berlangganan artikel dan masih banyak form lain nya.

Demikian tadi beberapa Macam-macam Tag pada HTML. Jika menurut anda artikel ini berguna, silahkan bagikan dan jangan lupa tinggalkan komentar di bawah. Terima kasih, selamat belajar coding.

Bagikan

Jangan lewatkan

Jenis-jenis Input Pada HTML

4/ 5

Oleh Tonny

Tonny Komentar