HTML5的表单中type类型相关知识-创新互联

这篇文章运用简单易懂的例子给大家介绍HTML5的表单中type类型相关知识，代码非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

成都创新互联是一家集网站建设,博湖企业网站建设,博湖品牌网站建设,网站定制,博湖网站建设报价,网络营销,网络优化,博湖网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

<input id="" type="button" name="" value="按钮" /><br />
<br />

2.checkbox：定义复选框。

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />

3.cancel：取消按钮，用于取消submit的提交。

<input id="" type="cancel" name="" /><br />
<br />

4.color：定义拾色器。

<input id="" type="color" name="" /><br />
<br />

5.date：定义 date 控件（包括年、月、日，不包括时间）。

<input id="" type="date" name="" /><br />
<br />

6.datetime：定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。

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

7.datetime-local：定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。

<input id="" type="datetime-local" name="" /><br />
<br />

8.month：定义 month 和 year 控件（不带时区）。

<input id="" type="month" name="" /><br />
<br />

9.week：定义 week 和 year 控件（不带时区）。

<input id="" type="week" name="" /><br />
<br />

10.time：定义用于输入时间的控件（不带时区）。

<input id="" type="time" name="" /><br />
<br />

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

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

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

<input id="" type="file" name="" /><br />
<br />

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

<input id="" type="hidden" name="" /><br />
<br />

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

<input id="" type="image" name="" /><br />
<br />

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

<input id="" type="number" name="" /><br />
<br />

16.password：定义密码字段（字段中的字符会被遮蔽）。

<input id="" type="password" name="" /><br />
<br />

17.radio：定义单选按钮。

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />

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

<input id="" type="range" name="" /><br />
<br />

19.reset：定义重置按钮（重置所有的表单值为默认值）。

<input id="" type="reset" name="" /><br />
<br />

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

<input id="" type="search" name="" /><br />
<br />

21.submit：定义提交按钮。

<input id="" type="submit" name="" value="提交" /><br />
<br />

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

<input id="" type="tel" name="" /><br />
<br />

23.text：默认。定义一个单行的文本字段（默认宽度为 20 个字符）。

<input id="" type="text" name="" /><br />
<br />

24.url：定义用于输入 URL 的字段。 
添加你的主页网址：

<input id="" type="url" name="" /></p>

关于HTML5的表单中type类型相关知识就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页标题：HTML5的表单中type类型相关知识-创新互联
文章出自：https://www.cdcxhl.com/article16/cegcgg.html

成都网站建设公司_创新互联，为您提供品牌网站设计、微信小程序、搜索引擎优化、做网站、企业建站、服务器托管

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容