HTML5的表单中关于所有type类型的详细介绍

黄舟
Lepaskan: 2017-05-21 14:57:45
asal
2559 orang telah melayarinya

 1.button:定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。

<input id="" type="button" name="" value="按钮" /><br />
<br />
Salin selepas log masuk

2.checkbox:定义复选框

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />
Salin selepas log masuk

3.cancel:取消按钮,用于取消submit的提交。

<input id="" type="cancel" name="" /><br />
<br />
Salin selepas log masuk

4.color:定义拾色器。

<input id="" type="color" name="" /><br />
<br />
Salin selepas log masuk


5.date:定义 date 控件(包括年、月、日,不包括时间)。

<input id="" type="date" name="" /><br />
<br />
Salin selepas log masuk

6.datetime:定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。


<
for
m 
action
="">生日 (日期和时间):<input id="" type="datetime" name="" /> <input id="" type="submit" name="" value="提交" /></form>
<p><br />
<br />
Salin selepas log masuk


7.datetime-local:定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。

<input id="" type="datetime-local" name="" /><br />
<br />
Salin selepas log masuk


8.month:定义 month 和 year 控件(不带时区)。

<input id="" type="month" name="" /><br />
<br />
Salin selepas log masuk


9.week:定义 week 和 year 控件(不带时区)。

<input id="" type="week" name="" /><br />
<br />
Salin selepas log masuk

10.time:定义用于输入时间的控件(不带时区)。

<input id="" type="time" name="" /><br />
<br />
Salin selepas log masuk

11.email:定义用于 e-mail 地址的字段。


<form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />
Salin selepas log masuk


12.file:定义文件选择字段和 "浏览..." 按钮,供文件上传

<input id="" type="file" name="" /><br />
<br />
Salin selepas log masuk


13.hidden:定义隐藏输入字段。

<input id="" type="hidden" name="" /><br />
<br />
Salin selepas log masuk


14.image:定义图像作为提交按钮。

<input id="" type="image" name="" /><br />
<br />
Salin selepas log masuk


15.number:定义用于输入数字的字段。

<input id="" type="number" name="" /><br />
<br />
Salin selepas log masuk


16.password:定义密码字段(字段中的字符会被遮蔽)。

<input id="" type="password" name="" /><br />
<br />
Salin selepas log masuk

17.radio:定义单选按钮

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />
Salin selepas log masuk


18.range:定义用于精确值不重要的输入数字的控件(比如 slider 控件)。

<input id="" type="range" name="" /><br />
<br />
Salin selepas log masuk


19.reset:定义重置按钮(重置所有的表单值为默认值)。

<input id="" type="reset" name="" /><br />
<br />
Salin selepas log masuk


20.search:定义用于输入搜索字符串的文本字段。

<input id="" type="search" name="" /><br />
<br />
Salin selepas log masuk


21.submit:定义提交按钮。

<input id="" type="submit" name="" value="提交" /><br />
<br />
Salin selepas log masuk

22.tel:定义用于输入电话号码的字段。

输入电话:

<input id="" type="tel" name="" /><br />
<br />
Salin selepas log masuk


23.text:默认。定义一个单行的文本字段(默认宽度为 20 个字符)。

<input id="" type="text" name="" /><br />
<br />
Salin selepas log masuk


24.url:定义用于输入 URL 的字段。

添加你的主页网址:

<input id="" type="url" name="" /></p>
Salin selepas log masuk

 

Atas ialah kandungan terperinci HTML5的表单中关于所有type类型的详细介绍. 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!