HTML Form, Atribut Pada HTML Yang Wajib Diketahui

HTML Form – HTML atau yang berarti (HyperText Markup Language), adalah sebuah markup standar yang dibuat khusus untuk web browser. HTML sendiri bisa digunakan berbarengan dengan CSS, Javascript ataupun dengan menggunakan PHP. Pertama kali dirilis tahun 1993 oleh WHATWG (https://whatwg.org/), HTML sendiri telah menjadi bahasa markup standar yang banyak digunakan diseluruh dunia dengan penggunaannya yang semakin beragam (contohnya dalam pembuatan form atau bisa juga sebagai pembuatan template pada email/HTML email template dan lain-lain). Dan berikut ini adalah beberapa atribut HTML yang akan sangat berguna sekali dalam pembuatan form (list ini ditulis berdasarkan pengalaman pribadi).

BACA JUGA : tutorial membuat aplikasi android

Atribut HTML Form yang mungkin belum Anda ketahui

1. TITLE

Title digunakan untuk memunculkan informasi tambahan pada element sesuai dengan value yang diisi, value yang diisi akan muncul saat mouse berada/menunjuk pada HTML element yang diisikan atribut ini.

<p title="Informasi Tambahan">contoh</p>

2. STYLE

Atribut ini digunakan untuk memasukan CSS secara inline pada element HTML.

<p style="color: red;">Teks ini berwarna merah.<p>

3. REQUIRED

Atribut boolean ini biasa digunakan untuk mem-validasi (input field tidak boleh kosong) pada sebuah form sebelum disubmit, berfungsi pada input dengan type text, search, url, tel, email, password, date pickers, number, checkbox, radio, dan file.

<input type="text" id="username" name="username" required>

4. ALT

Digunakan pada tag img, atribut ini digunakan untuk menyisipkan deskripsi dari sebuah gambar/image.

<img src="img.jpg" alt="Deskripsi dari sebuah gambar.">

5. READONLY

Merupakan atribut boolean, biasanya digunakan pada input dengan type text, select, checkbox dan lain-lain agar value yang ada pada field tersebut tidak bisa diubah oleh user namun masih bisa diklik / highlight atau di blok.

<input type="text" value="Jangan diubah" readonly>

6. DISABLED

Juga merupakan atribut boolean, jika digunakan maka element yang disisipkan tidak bisa diklik sama sekali, bedanya dari readonly adalah element yang disisipkan atribut ini tidak akan dikirim saat form disubmit.

<input type="text" name="Tidak bisa diubah" disabled>

7. EVENT ATRIBUT

Atribut yang satu ini digunakan untuk men-eksekusi kode javascript, biasa nya berisikan satu potongan pendek (one-liner) atau memanggil fungsi yang sudah dibuat sebelumnya dengan javascript. Contoh event yang tersedia adalah onclick, ondblclick, onkeypress, onkeyup dan lain-lain.

<button onclick="fungsiJavascript()">Klik</button>
<input type="text" onkeypress="fungsiJavascript()">

8. MIN & MAX

Atribut ini digunakan untuk membatasi range dari sebuah value (minimal dan maksimal), biasanya digunakan pada input dengan type date atau number.

<input type="date" max="1979-12-31">
<input type="date" min="2000-01-02">
<input type="number" min="1" max="5">

9. PATTERN

Atribut ini biasanya digunakan untuk mem-validasi value yang diisikan dengan kondisi tertentu (regular expression). Dapat digunakan pada input dengan type text, date, search, url, tel, email, dan password. Dimana validasi akan berjalan saat form disubmit.

<input type="text" pattern="[A-Za-z]{3}" title="Masukan tiga huruf>

Penutup

Demikianlah beberapa atribut pada HTML yang mungkin saja bisa bermanfaat, tidak semuanya atribut yang ada pada HTML dimasukan di artikel ini, yang dimasukan hanyalah beberapa yang dirasa sering digunakan, terima kasih.

SUMBER :
https://unsplash.com/@pankajpatel?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText

SoftGain