Belajar HTML Form Part 6 - Atribut pada Elemen Input

Assalamu'alaikum warohmatullaahi wabarokaatuh.

A. VALUE

Atribut value digunakan untuk menentukan nilai awal dari input field.
Contoh :

<form action="">
Nama Depan:<br>
<input type="text" name="namadepan" value="Kamaludin">
<br>
Nama Belakang:<br>
<input type="text" name="namabelakang">
</form>

Penjelasan :

• Pada contoh di atas, value="Kamaludin" akan memberikan nilai awal dari input field yang dibuat menjadi Kamaludin.

Coba sendiri di sini

B. READONLY

Atribut readonly digunakan untuk menjadikan sebuah input field read only (tidak bisa diubah)
Contoh :

<form action="">
Nama Depan:<br>
<input type="text" name="namadepan" value="Kamaludin" readonly>
<br>
Nama Belakang:<br>
<input type="text" name="namabelakang">
</form>

Penjelasan :

• Pada contoh di atas, atribut readonly menjadikan input field yang dibuat hanya bisa dibaca, tidak bisa diubah nilainya.

Coba sendiri di sini

C. DISABLED

Atribut disabled digunakan untuk menon-aktifkan sebuah input field. Input field yang diberi atribut disabled tidak bisa digunakan ataupun diklik. Sehingga pada saat form disubmit input field ini tidak akan mengirimkan data.
Contoh :

<form action="">
Nama Depan:<br>
<input type="text" name="namadepan" value="Kamaludin" disabled>
<br>
Nama Belakang:<br>
<input type="text" name="namabelakang">
</form>

Penjelasan :

• Pada contoh di atas, atribut disabled akan mebuat input field non-aktif

Coba sendiri di sini

D. SIZE

Atribut size digunakan untuk menentukan ukuran dari sebuah input field. Jika misal sebuah input field diberi size 10, maka ukuran dari input field tersebut sepanjang 10 karakter.
Contoh :

<form action="">
Nama Depan:<br>
<input type="text" name="namadepan" value="Kamaludin" size="40">
<br>
Nama Belakang:<br>
<input type="text" name="namabelakang">
</form>

Penjelasan :

• size="40" menunjukkan bahwa input field yang dibuat diberi ukuran sepanjang 40 karakter.

Coba sendiri di sini

E. MAXLENGTH

Atribut maxlength digunakan untuk menentukan panjang maksimal dari input field.
Contoh :

<form action="">
Nama Depan:<br>
<input type="text" name="namadepan" maxlength="10">
<br>
Nama Belakang:<br>
<input type="text" name="namabelakang">
</form>

Penjelasan :

• maxlength="10" menunjukkan bahwa input field yang dibuat tidak bisa diisi lebih dari 10 karakter.

Coba sendiri di sini

Demikian Belajar HTML Form tentang Atribut pada Elemen Input. Semoga bermanfaat, terima kasih dan wassalamu'alaikum warohmatullaahi wabarokaatuh.