<input>


HTML <input> Tag

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo-form.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>

<p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p>

</body>
</html>

Jalankan Instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian


Sokongan penyemak imbas

1000.png

Kebanyakan penyemak imbas kini menyokong teg <input>


Takrif teg dan arahan penggunaan

<input> Unsur

<input> digunakan dalam elemen <borang> untuk mengisytiharkan kawalan input yang membolehkan pengguna memasukkan data.

Medan input boleh ditukar dalam pelbagai cara, bergantung pada atribut jenis.


Petua dan Nota

Nota: Elemen <input> kosong, ia hanya mengandungi atribut label.

Petua: Anda boleh menggunakan elemen <label> untuk mentakrifkan label untuk elemen <


Perbezaan antara HTML 4.01 dan HTML5

Dalam HTML 4.01, data "align" tidak lagi digunakan. Atribut ini tidak disokong dalam HTML5. Anda boleh menggunakan CSS untuk menentukan penjajaran elemen <input>

Dalam HTML5, <input> menambah beberapa atribut dan nilai yang sepadan.


Perbezaan antara HTML dan XHTML

Dalam HTML, teg <input> tidak mempunyai teg penutup.

Dalam XHTML, teg <input>


Atribut

Baharu: HTML5 teg baharu.

Baharuregexpatribut corak menentukan pengesahan untuk <input> elemen Ungkapan biasa untuk nilai. Baharuteksatribut pemegang tempat menentukan medan <input> boleh diterangkan Mesej ringkas tentang nilai yang dijangkakan . diperlukanBaharuURLBaharunomborspesifikasi atribut langkah< selang angka untuk input> kotak semaktarikhtarikhtarikh masa-tempatantersembunyiradioset semulacarianserahkanteks<🎜 Atribut jenis >masaatribut lebar menentukan lebar elemen . (Hanya untuk type="image")Atribut Peristiwa
AtributNilaiPenerangan
terimaaudio/* video/* image/*MIME_typeMenentukan jenis fail yang diserahkan melalui muat naik fail. (hanya untuk type="file")
sejajarkankiri betul atas tengah bawahHTML5 sudah lapuk dan tidak digunakan lagi. Menentukan penjajaran input imej. (hanya untuk jenis="imej")
altteksTentukan teks alternatif untuk imej input . (hanya untuk jenis="imej")
autolengkapBaharudihidupkan Atribut offautolengkap menentukan sama ada medan input elemen <input> harus didayakan autolengkap. Atribut
autofokusBaharuautofokus menentukan bahawa elemen <input> bebanan. Atribut
ditandaditandamenentukan elemen <input> yang harus dipilih terlebih dahulu apabila halaman dimuatkan. (Hanya untuk type="checkbox" atau type="radio")
dilumpuhkandilumpuhkanatribut dilumpuhkan menentukan <input> yang sepatutnya dilumpuhkan ;
borangBaharuform_idatribut borang menentukan atribut yang <input> ; elemen kepunyaan atau pelbagai bentuk.
formasiBaharuURL atribut menentukan fail yang mengendalikan kawalan input apabila borang diserahkan. (hanya untuk type="submit" and type="image")
formenctypeBaharuaplikasi/x-www-form-urlencoded berbilang bahagian/data-bentuk Atribut text/plain menentukan cara data borang harus dikodkan apabila diserahkan kepada pelayan (hanya sesuai untuk type="submit" dan type="image").
kaedah borangBaharudapatkan post mentakrifkan kaedah HTTP yang menghantar data borang ke URL tindakan. (Hanya sesuai untuk type="submit" dan type="image")
formnovalidateBaharuformnovalidateformnovalidate atribut Mengatasi atribut novalidate bagi elemen <form>
formtargetBaharu_blank _diri sendiri _ibu bapa _topframename menentukan tempat untuk memaparkan nama atau kata kunci respons yang diterima selepas menyerahkan borang. (Hanya sesuai untuk type="submit" dan type="image")
tinggiBaharupikselMenentukan ketinggian elemen <input>(Hanya untuk type="image")
senaraiBaharudatalist_idRujukan atribut <datalist> elemen yang mengandungi pilihan yang telah ditetapkan untuk elemen <input>
maksNomborbaharu Atribut tarikh menentukan nilai maksimum elemen <input> Atribut
maxlengthnombor menentukan bilangan maksimum aksara yang dibenarkan dalam elemen <input>
minBarunombor Atribut tarikh menentukan nilai minimum elemen <input> Atribut
berbilangBaharuberbilang menentukan bahawa pengguna dibenarkan memasukkan berbilang nilai ke dalam < ;elemen input> Atribut nama menentukan nama elemen <input>
corak
pemegang tempat
baca sahajabaca sahaja Atribut baca sahaja menyatakan bahawa medan input adalah baca sahaja. Atribut
diperlukan menyatakan bahawa medan input mesti diisi sebelum menyerahkan borang. Atribut saiz menentukan lebar yang boleh dilihat bagi elemen <input>
src Atribut src menentukan URL imej untuk dipaparkan sebagai butang serah. (hanya untuk type="image")
langkah
taipbutangwarna
e-melfail imejbulannomborkata laluanjulat
telurl
minggu

menentukan jenis elemen <input>



nilai


teks


Menentukan nilai nilai elemen <input>



lebar
Baharu



piksel
Atribut global<input> atribut lengkap Jadual HTML sifat global.
<input> menyokong semua atribut acara HTML.