Adakah input teg berpasangan dalam HTML5?

青灯夜游
Lepaskan: 2021-12-17 18:21:08
asal
2182 orang telah melayarinya

Input dalam HTML5 bukan teg berpasangan, ia adalah teg tunggal dengan hanya teg permulaan dan tanpa teg penamat digunakan untuk menentukan medan input di mana pengguna boleh memasukkan data, sintaks "; ", mengikut jenis nilai atribut yang berbeza, medan input mempunyai pelbagai bentuk.

Adakah input teg berpasangan dalam HTML5?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Dalam HTML, teg ialah kata kunci yang dikelilingi oleh kurungan sudut, biasanya muncul secara berpasangan seperti <div> dan <code>

, yang dipanggil "teg berganda". Tag pembuka dan penutup juga dikenali sebagai tag pembuka dan tag penutup.

juga mempunyai teg yang dibentangkan secara berasingan, seperti: <img src="1.jpg" alt="Adakah input teg berpasangan dalam HTML5?" >, dsb. Teg jenis ini dipanggil "tag tunggal".

Jadi adakah teg input dalam HTML5 digandingkan?

Input bukan teg berpasangan, tetapi teg tunggal, dengan hanya teg permulaan dan tanpa teg penamat.

Sintaks:

<input type="类型值" />
Salin selepas log masuk

Menurut jenis atribut yang berbeza, medan input mempunyai berbilang bentuk. Medan input boleh menjadi medan teks, kotak semak, medan kata laluan, butang radio, butang, dsb.

Nilai atribut jenis Butang
PeneranganMentakrifkan butang boleh klik (sering digunakan dengan JavaScript untuk melancarkan skrip).
kotak pilihanTentukan kotak pilihan.
warnaTentukan pemilih warna.
tarikhTentukan kawalan tarikh (termasuk tahun, bulan, hari, tidak termasuk masa).
masa tarikhTentukan kawalan tarikh dan masa (termasuk tahun, bulan, hari, jam, minit, saat, pecahan saat, berdasarkan masa UTC zon).
datetime-localTentukan kawalan tarikh dan masa (termasuk tahun, bulan, hari, jam, minit, saat, pecahan saat, tidak dengan zon waktu).
e-melMentakrifkan medan yang digunakan untuk alamat e-mel.
failTentukan medan pemilihan fail dan butang "Semak imbas..." untuk muat naik fail.
tersembunyiTentukan medan input tersembunyi.
imejTentukan imej sebagai butang hantar.
bulanTentukan kawalan bulan dan tahun (tanpa zon waktu).
nomborMentakrifkan medan untuk memasukkan nombor.
kata laluanTentukan medan kata laluan (aksara dalam medan akan bertopeng).
type 属性的值描述
button定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。
checkbox定义复选框。
color定义拾色器。
date定义 date 控件(包括年、月、日,不包括时间)。
datetime定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。
datetime-local定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。
email定义用于 e-mail 地址的字段。
file定义文件选择字段和 "浏览..." 按钮,供文件上传。
hidden定义隐藏输入字段。
image定义图像作为提交按钮。
month定义 month 和 year 控件(不带时区)。
number定义用于输入数字的字段。
password定义密码字段(字段中的字符会被遮蔽)。

radio

定义单选按钮。
range定义用于精确值不重要的输入数字的控件(比如 slider 控件)。
reset定义重置按钮(重置所有的表单值为默认值)。
search定义用于输入搜索字符串的文本字段。
submit定义提交按钮。
tel定义用于输入电话号码的字段。
text默认。定义一个单行的文本字段(默认宽度为 20 个字符)。
time定义用于输入时间的控件(不带时区)。
url定义用于输入 URL 的字段。
week定义 week 和 year 控件(不带时区)。
radio


Tentukan butang radio.
julatMentakrifkan kawalan untuk memasukkan nombor yang nilai tepatnya tidak penting (seperti kawalan gelangsar).
set semulaTentukan butang set semula (set semula semua nilai borang kepada nilai lalai).
carianMentakrifkan medan teks untuk memasukkan rentetan carian.
serahkanTentukan butang hantar.
telTentukan medan untuk memasukkan nombor telefon.
teksLalai. Mentakrifkan medan teks satu baris (lebar lalai ialah 20 aksara).
masaMentakrifkan kawalan untuk memasukkan masa (tanpa zon waktu).
urlMentakrifkan medan untuk memasukkan URL.
mingguTentukan kawalan minggu dan tahun (tanpa zon waktu).

Contoh:
<input type="button" value="点我">
Salin selepas log masuk

Adakah input teg berpasangan dalam HTML5?

<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
Salin selepas log masuk

Adakah input teg berpasangan dalam HTML5?

选择你喜欢的颜色: <input type="color" name="favcolor"><br>
Salin selepas log masuk

Adakah input teg berpasangan dalam HTML5?

生日 (日期和时间): <input type="datetime" name="bdaytime">
Salin selepas log masuk

Adakah input teg berpasangan dalam HTML5?

Cadangan berkaitan: "

tutorial video html"

Atas ialah kandungan terperinci Adakah input teg berpasangan dalam HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan