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:
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:
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:
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:
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:
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:
<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 :)
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)