Fungsi dan Elemen Form HTML5

Fungsi dan Elemen Form HTML5 - Didalam HTML terdapat elemen - elemen form yang memungkinkan pengguna dapat memasukan data yang nantinya akan diproses oleh server. Seperti yang kita ketahui elemen - elemen didalam HTML cukup banyak sekali dan tentunya elemen - elemen tersebut mempunyai peran serta fungsi sendiri. Nah, pada kesempatan kali ini akan saya mengulas sedikit Fungsi dan Elemen Form HTML5. Langsung saja simak ulasannya berikut ini.

1. Input

Yang pertama ada elemen Input, input merupakan elemen penting didalam HTML yang mendfinisikan kontrol input, input mempunyai fungsi yang banyak sekali tergantung atribut type yang digunakan. Bentuk umum input dituliskan seperti berikut :

<input>

2. Select

Selanjutnya elemen <select> atau bisa disebut juga Drop-down list, elemen ini merupakan elemen yang menjelaskan list berupa turunan. Didalam elemen <select> biasanya terdapat elemen <option> untuk menunjukan item - item sebagai pilihan.

Contoh :

<!-- select -->
    <select name="nama">
      <option>Roy</option>
      <option>Zak</option>
      <option>Jun</option>
      <option>Dul</option>
    </select>

3. Textarea

<textarea> adalah elemen yang menjelaskan masukan secara multiline, artinya pengguna dapat memasukan nilai lebih dari satu baris, biasanya digunakan untuk masukan berupa paragraf atau alamat didalam formulir.

contoh :

<!-- textarea -->
    <textarea>
        Your Address
    </textarea>

4. Button

<button> merupakan tombol yang yang dapat diklik

contoh :

<!-- button -->
    <button type="button">Button</button>

5. Datalist

<datalist> adalah elemen HTML yang dapat digunakan untuk menentukan pilihan yang telah di tentukan oleh elemen <input>, sekilas hampir mirip dengan elemen HTML hanya saja datalist akan secara otomatis menampilkan data sesuai dengan karakter yang diketikan.

contoh :

<!-- datalist -->
    <input list="nama">
    <datalist id="nama">
        <option>Roy</option>
        <option>Zak</option>
        <option>Jun</option>
        <option>Dul</option>
    </datalist>

Selain elemen - elemen diatas tentunya masih banyak lagi elemen - elemen form didalam HTML yang bisa kita gunakan. Baiklah, itulah beberapa Fungsi dan Elemen Form HTML5 tentunya bisa digunakan sesuai dengan kebutuhan. Cukup sekian artikel kali ini, semoga bisa bermanfaat dan selamat mencoba :)

1 April 2018

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat