dalam pembuatan form pada HTML tentu saja terdapat beberapa atribut yang akan digunakan nantinya pada saat memproses data dengan di webserver. berikut beberapa atribut yang digunakan pada saat pembuatan form pada HTML.
pada tutorial sebelumnya kita sudah membahas cara membuat form pada HTML. sekarang kita akan melanjutkan tutorial bejar HTML penggunaan atribut pada form HTML. berikut beberapa atribut yang digunakan pada form HTML.
- atribut value. atribut ini merupakan nilai awal yang akan ditampilkan pada saat menjalankan di browser. contohnya :
<!DOCTYPE html> <html> <head> <title>Belajar Atribut Form pada html</title> </head> <body> <form> Nama Depan :<input type="text" value="nama"><br/> Nama Belakang : <input type="text"> </form> </body> </html>
<title>Belajar Atribut Form pada html</title>
Nama Depan :<input type="text" value="nama"><br/>
Nama Belakang : <input type="text">
Atribut Value
- atribut readonly. jika menggunakan atribut ini maka nilai value tidak bisa di ubah. berikut contoh penggunaan readonly pada form HTML
<!DOCTYPE html> <html> <head> <title>Belajar Atribut Form pada html</title> </head> <body> <form> Nama Depan :<input type="text" value="nama" readonly><br/> Nama Belakang : <input type="text"> </form> </body> </html>
<title>Belajar Atribut Form pada html</title>
Nama Depan :<input type="text" value="nama" readonly><br/>
Nama Belakang : <input type="text">
atribut readonly
- atribut disabled. atribut ini digunakan untuk menonaktifkan inputan. maksudnya elemen disabled bisa digunakan akan tetapi tidak bisa di gantu atau di edit.
<!DOCTYPE html> <html> <head> <title>Belajar Atribut Form pada html</title> </head> <body> <form> Nama Depan :<input type="text" value="nama" disabled><br/> Nama Belakang : <input type="text"> </form> </body> </html>
<title>Belajar Atribut Form pada html</title>
Nama Depan :<input type="text" value="nama" disabled><br/>
Nama Belakang : <input type="text">
atribut desabled
- atribut size. atribut ini mengatur lebar kotak inputan, untuk lebih jelasnya perhatikan contoh berikut :
<!DOCTYPE html> <html> <head> <title>Belajar Atribut Form pada html</title> </head> <body> <form> Nama Depan :<input type="text" value="nama" size="50"><br/> Nama Belakang : <input type="text"> </form> </body> </html>
<title>Belajar Atribut Form pada html</title>
Nama Depan :<input type="text" value="nama" size="50"><br/>
Nama Belakang : <input type="text">
atribut size
- atribut maxlength. atribut ini digunakan untuk menentukan jumlah inputan teks yang di batasi. untuk lebih jelasnya perhatikan contoh berikut :
<!DOCTYPE html> <html> <head> <title>Belajar Atribut Form pada html</title> </head> <body> <form> Nama Depan :<input type="text" value="nama" maxlength="10"><br/> Nama Belakang : <input type="text"> </form> </body> </html>
<title>Belajar Atribut Form pada html</title>
Nama Depan :<input type="text" value="nama" maxlength="10"><br/>
Nama Belakang : <input type="text">
atribut maxlength
- atribut list. atribut ini untuk menampilkan list pada form inptan. untuk lebih jelas perhatikan contoh berikut :
<!DOCTYPE html> <html> <head> <title>Belajar Atribut Form pada html</title> </head> <body> <form> <input list="browser" name="internet"> <datalist id="browser"> <option value="chrome"> <option value="mozilla"> <option value="opera"> </datalist> </form> </body> </html>
<title>Belajar Atribut Form pada html</title>
<input list="browser" name="internet">
atribut list
- atribut min dan max. Min dan maks atribut menentukan nilai minimum dan maksimum untuk elemen<input>. Atribut min dan maks digunakan untuk jenis inputan seperti : nomor, kisaran, tanggal,datetime, datetime-lokal, bulan, waktu, dan minggu. perhatikan contoh berikut:
<!DOCTYPE html> <html> <head> <title>Belajar Atribut Form pada html</title> </head> <body> <form> <input type="date" name="day" max="1979-12-31"> <input type="date" name="day" min="2000-01-02"> </form> </body> </html>
<title>Belajar Atribut Form pada html</title>
<input type="date" name="day" max="1979-12-31">
<input type="date" name="day" min="2000-01-02">
atribut min dan max
- laceholder Attribute. atribut ini digunakan untuk sebagai pengganti dari label field. perhatikan contoh berikut :
<!DOCTYPE html> <html> <head> <title>Belajar Atribut Form pada html</title> </head> <body> <form> <input type="text" name="nama" placeholder="masukkan nama"> </form> </body> </html>
<title>Belajar Atribut Form pada html</title>
<input type="text" name="nama" placeholder="masukkan nama">
atribut placeholder
itulah beberapa atribut yang sering digunakana dalam membuat form dengan HTML, untuk penerapan fom html dengan PHP akan kita bahas pada materi selanjutnya.
Tutorial HTML Dasar Lainnya
Belajar HTML Part 1 : Pengertian HTML
Belajar HTML Part 2 : Memilih Text Editor
Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML
Belajar HTML Part 4 : Heading Pada HTML
Belajar HTML Part 5 : Format Text Pada HTML
Belajar HTML Part 6 : Membuat Paragraf Pada HTML
Belajar HTML Part 7 : Membuat Table Pada HTML
Belajar HTML Part 8 : Membuat Hyperlink Pada HTML
Belajar HTML Part 9 : Membuat List Pada HTML
Belajar HTML Part 10 : Membuat Format Code Pada HTML
Belajar HTML Part 11 : Membuat Form Pada HTML
Belajar HTML Part 12 : Atribut Form Pada HTML
Belajar HTML Part 13 : Membuat Symbol Pada HTML
Belajar HTML Part 14 :Menampilkan Gambar Pada HTML
Belajar HTML Part 15 : Tag Iframe Pada HTML
Belajar HTML Part 16 : Menghubungkan HTML dengan CSS
Belajar HTML Part 17 : Mengenal Class dan Id Pada HTML
Incoming search terms:
- atribut form pada html
- tipe-tipe target atribut pada html links adalah
- atribut dalam form
- atribut form
- atribut dalam html css
- atribut di form untuk menentukan pengolah form di html
- atribut pada form
- atribut untuk input type pada html
- Atribut yang digunakan untuk menentukan metode pengiriman
- atribut form html