Input bermaksud "kotak input" dalam HTML5, yang menentukan medan input di mana pengguna boleh memasukkan data bergantung pada atribut jenis dalam input, medan input mempunyai banyak bentuk, yang boleh menjadi medan teks, kotak semak kotak, medan kata laluan, butang radio, butang dan banyak lagi.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
input bermaksud "kotak input" dalam html5. Teg
menentukan medan input di mana pengguna boleh memasukkan data. Unsur
digunakan dalam elemen
Sintaks:
<input type="类型值" />
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.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,数字等都可输入"/><br /><br /> <input type="number" placeholder="只能输入数字"/> </body> </html>
Input Jenis elemen -- nilai yang atribut jenis boleh tetapkan
值 | 描述 |
---|---|
button | 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 |
checkbox | 定义复选框。 |
color | 定义拾色器。 |
date | 定义 date 控件(包括年、月、日,不包括时间)。 |
datetime | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。 |
datetime-local | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。 |
定义用于 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 控件(不带时区)。 |
Contoh :
<input type="button" value="点我">
<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br> <input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br> <input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
选择你喜欢的颜色: <input type="color" name="favcolor"><br>
生日 (日期和时间): <input type="datetime" name="bdaytime">
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Apakah maksud input dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!