Mengenal Atribut Input di HTML5

02/04/2018    Risman Hakim    4440     Website

Mengenal Atribut Input di HTML5 - Setelah pada artikel sebelumnya kita telah mempelajari mengenai Fungsi dan Elemen Form HTML5, pada artikel kali ini saya akan melanjutkan pembahasan yang masih bersangkutan dengan inputan form didalam HTML, yakni kita akan Mengenal Atribut Input di HTML5. Didalam elemen inputan HTML terdapat banyak atribut yang mempunyai fungsi serta peran masing - masing, tentu atribut yang ada digunakan sesuai dengan kebutuhan. Nah, bagi kalian yang belum familiar dan masih bingung fungsi serta kegunaan atribut inputan didalam HTML. Berikut saya akan sedikit mengulas atribut input didalam HTML.

1. Atribut Value

Atribut Value merupakan atribut yang berfungsi untuk menentukan nilai awal dari elemen input.
Contoh:

<!-- value -->
First name:<br>
<input type="text" value="Ucok">
<br>
Last name:<br>
<input type="text"> 

2. Atribut Readonly

Readonly merupakan sebuah atribut untuk menentukan nilai dari suatu input hanya bisa dibaca.
Contoh:

<!-- readonly -->
First name:<br>
<input type="text" value="Ucok" readonly>
<br>
Last name:<br>
<input type="text">

3. Atribut Disabled

Disabled merupakan sebuah atribut yang berfungsi untuk menonaktifkan suatu kolom inputan atau tombol button
Contoh:

<!-- disabled -->
First name:<br>
<input type="text" value="Ucok" disabled>
<br>
Last name:<br>
<input type="text">

4. Atribut Size

Atribut size digunakan untuk menentukan ukuran kolom inputan.
Contoh:

<!-- size -->
First name:<br>
<input type="text" value="Ucok" size="50">
<br>
Last name:<br>
<input type="text">

5. Atribut Maxlength

Atribut maxlength digunakan untuk menentukan panjang maksimum karakter dari kolom inputan.
Contoh:

<!-- maxlength -->
First name:<br>
<input type="text" value="Ucok" maxlength="5">
<br>
Last name:<br>
<input type="text">

6. Atribut Min dan Max

Atribut min dan max digunakan untuk menentukan suatu nilai minimum dan maksimum pada inputan.
Contoh:

<!-- Min Max -->
<input type="number" min="1" max="5">

Itulah diatas beberapa atribute input yang bisa di gunakan, tentu sesuai dengan kebutuhan. Baiklah cukup sekian artikel tentang Mengenal Atribut Input di HTML5, semoga bermanfaat dan menambah wawasan tentang elemen dan atribut HTML, selamat mencoba :)

HTML CSS, website

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More