Tag input
Tag input mencipta pelbagai elemen
borang HTML: medan input biasa, medan untuk
kata laluan, kotak semak checkbox,
butang radio, butang.
Tag input mesti terletak di dalam tag
form.
Ini tidak wajib, tetapi diperlukan untuk menghantar
data ke pelayan dan memprosesnya seterusnya
melalui PHP.
Tidak memerlukan tag penutup.
Atribut
| Atribut | Penerangan |
|---|---|
type |
Menentukan jenis medan input. Pilihan lihat di bawah. |
value |
Nilai lalai dalam medan input. Dalam kes butang, menentukan teksnya.
Lihat dengan lebih lanjut atribut value.
|
placeholder |
Petunjuk dalam medan input, lihat dengan lebih lanjut
atribut placeholder.
|
name |
Nama medan input. Diperlukan untuk mengambil data medan input dalam PHP. Untuk berfungsi dengan betul, nama medan input tidak boleh sama antara satu sama lain (dalam satu borang). Jika ia sama - dalam PHP akan sampai data medan input yang lebih bawah dalam kod HTML. |
disabled |
Menyekat elemen borang (bukan hanya input, tetapi hampir mana-mana),
lihat dengan lebih lanjut atribut disabled.
|
Nilai atribut type
| Nilai | Penerangan |
|---|---|
text |
Mencipta medan input teks biasa. |
password |
Mencipta medan input teks untuk kata laluan. Cuba taip teks di dalamnya - ia akan dipaparkan sebagai bintang. |
checkbox |
Mencipta kotak semak checkbox.
Lihat dengan lebih lanjut checkbox.
|
radio |
Mencipta penukar radio.
Lihat dengan lebih lanjut radio.
|
hidden |
Mencipta input tersembunyi, yang tidak akan kelihatan pada skrin, tetapi akan menghantar data
yang terkandung dalam atribut value ke pelayan.
|
button |
Mencipta butang. Klik pada butang ini
tidak akan menghantar borang ke pelayan. Ia boleh digunakan di dalam
pautan atau melalui JavaScript.
Secara lalai butang tidak mempunyai teks (contoh butang tanpa teks: ),
ia ditentukan menggunakan value.
Lihat juga tag button,
yang juga membuat butang.
|
submit |
Mencipta butang, yang akan menghantar data ke pelayan.
Teks butang bergantung pada pelayar, ia boleh ditukar
menggunakan value.
Lihat juga tag button,
yang juga membuat butang.
|
reset |
Mencipta butang, yang membersihkan borang yang telah diisi.
Teks butang bergantung pada pelayar, ia boleh ditukar
menggunakan value.
|
file |
Mencipta butang pemilihan fail. Reka bentuk butang ini dilarang ditukar
melalui CSS (namun terdapat cara-cara licik). Jika anda memerlukan medan sedemikian dalam borang, maka
tag form mesti mempunyai atribut
enctype dengan nilai multipart/form-data.
|
Nilai baru atribut type dalam HTML5
Nilai atribut ini baru, muncul hanya dalam HTML5, jadi dalam sesetengah pelayar mereka mungkin tidak berfungsi atau berfungsi secara berbeza dalam pelayar yang berbeza.
Dalam kes, jika pelayar tidak dapat memahami kandungan
atribut type (contohnya, jika ia
tidak disokong atau dimasukkan secara salah),
ia akan menganggap elemen sebagai input teks
biasa, seolah-olah dalam type terdapat nilai
text.
Lihat contoh di bawah dalam
pelayan yang berbeza. Cuba masukkan
teks dalam input dan tekan butang hantar.
Jika teks tidak betul atau medan kosong -
pelayar akan memberikan ralat. Sebagai contoh, jika dalam
medan dengan jenis email dimasukkan email yang tidak betul -
pelayar tidak akan membenarkan menghantar borang dan
akan memberikan mesej ralat (teks ralat
dan penampilannya pada html css tidak boleh diubah).
Jika medan kosong - pelayar juga akan memberikan ralat,
ini dicapai dengan menggunakan atribut required:
| Nilai | Penerangan |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
