Mengenal Atribut Input di HTML5

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 :)

2 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 Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat