Atribut HTML Masukan
Nilai Atribut
Nilai atribut menentukan nilai awal untuk field input:
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "John">
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
Atribut dibaca
The dibaca atribut menentukan bahwa field input dibaca saja (tidak dapat diubah):
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "John" dibaca>
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
The dibaca atribut tidak perlu nilai. Ini adalah sama dengan menulis dibaca = "readonly".
Atribut cacat
Atribut cacat menetapkan bahwa field input dinonaktifkan.
Unsur penyandang cacat un-digunakan dan un-diklik.
Unsur cacat tidak akan diserahkan.
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "John" cacat>
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
Atribut cacat tidak perlu nilai. Ini adalah sama dengan menulis cacat = "cacat".
Ukuran Atribut
Ukuran atribut menentukan ukuran (dalam karakter) untuk bidang masukan:
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "John" size = "40">
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
The maxlength Atribut
The maxlength atribut menentukan maksimum yang diizinkan panjang untuk bidang masukan:
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" maxlength = "10">
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
Dengan atribut maxlength, kontrol masukan tidak akan menerima lebih dari jumlah yang diizinkan karakter.
Atribut tidak memberikan umpan balik. Jika Anda ingin memperingatkan pengguna, Anda harus menulis kode JavaScript.
Pembatasan input catatan tidak mudah. JavaScript menyediakan banyak cara untuk menambah masukan ilegal.
Untuk aman membatasi masukan, pembatasan harus diperiksa oleh penerima (server) juga.
HTML5 Atribut
HTML5 menambahkan atribut berikut untuk <input>:
autocomplete
autofocus
bentuk
formaction
formenctype
formmethod
formnovalidate
formtarget
tinggi dan lebar
daftar
min dan max
kelipatan
Pola (regexp)
placeholder
wajib
langkah
dan atribut berikut untuk <form>:
aautocomplete
novalidate
Nilai Atribut
Nilai atribut menentukan nilai awal untuk field input:
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "John">
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
Atribut dibaca
The dibaca atribut menentukan bahwa field input dibaca saja (tidak dapat diubah):
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "John" dibaca>
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
The dibaca atribut tidak perlu nilai. Ini adalah sama dengan menulis dibaca = "readonly".
Atribut cacat
Atribut cacat menetapkan bahwa field input dinonaktifkan.
Unsur penyandang cacat un-digunakan dan un-diklik.
Unsur cacat tidak akan diserahkan.
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "John" cacat>
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
Atribut cacat tidak perlu nilai. Ini adalah sama dengan menulis cacat = "cacat".
Ukuran Atribut
Ukuran atribut menentukan ukuran (dalam karakter) untuk bidang masukan:
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" value = "John" size = "40">
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
The maxlength Atribut
The maxlength atribut menentukan maksimum yang diizinkan panjang untuk bidang masukan:
contoh
<form action = "">
Nama depan: <br>
<input type = "text" name = "Nama depan" maxlength = "10">
Situs
Nama belakang: <br>
<input type = "text" name = "nama belakang">
</ form>
Dengan atribut maxlength, kontrol masukan tidak akan menerima lebih dari jumlah yang diizinkan karakter.
Atribut tidak memberikan umpan balik. Jika Anda ingin memperingatkan pengguna, Anda harus menulis kode JavaScript.
Pembatasan input catatan tidak mudah. JavaScript menyediakan banyak cara untuk menambah masukan ilegal.
Untuk aman membatasi masukan, pembatasan harus diperiksa oleh penerima (server) juga.
HTML5 Atribut
HTML5 menambahkan atribut berikut untuk <input>:
autocomplete
autofocus
bentuk
formaction
formenctype
formmethod
formnovalidate
formtarget
tinggi dan lebar
daftar
min dan max
kelipatan
Pola (regexp)
placeholder
wajib
langkah
dan atribut berikut untuk <form>:
aautocomplete
novalidate
Tidak ada komentar:
Posting Komentar