首页 > web前端 > H5教程 > 正文

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

黄舟
发布: 2017-05-21 14:57:45
原创
2981人浏览过

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

<input id="" type="button" name="" value="按钮" /><br />
<br />
登录后复制

2.checkbox:定义复选框。<br />

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />
登录后复制

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

<input id="" type="cancel" name="" /><br />
<br />
登录后复制

4.color:定义拾色器。<br />

<input id="" type="color" name="" /><br />
<br />
登录后复制


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

立即学习前端免费学习笔记(深入)”;

<input id="" type="date" name="" /><br />
<br />
登录后复制

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

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


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

<input id="" type="datetime-local" name="" /><br />
<br />
登录后复制


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

<input id="" type="month" name="" /><br />
<br />
登录后复制


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

<input id="" type="week" name="" /><br />
<br />
登录后复制

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

<input id="" type="time" name="" /><br />
<br />
登录后复制

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

<form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />
登录后复制


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

<input id="" type="file" name="" /><br />
<br />
登录后复制


13.hidden:定义隐藏输入字段。<br />

表单大师AI
表单大师AI

一款基于自然语言处理技术的智能在线表单创建工具,可以帮助用户快速、高效地生成各类专业表单。

表单大师AI 74
查看详情 表单大师AI
<input id="" type="hidden" name="" /><br />
<br />
登录后复制


14.image:定义图像作为提交按钮。<br />

<input id="" type="image" name="" /><br />
<br />
登录后复制


15.number:定义用于输入数字的字段。<br />

<input id="" type="number" name="" /><br />
<br />
登录后复制


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

<input id="" type="password" name="" /><br />
<br />
登录后复制

17.radio:定义javascript0。<br />

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />
登录后复制


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

<input id="" type="range" name="" /><br />
<br />
登录后复制


19.javascript2:定义重置按钮(重置所有的表单值为默认值)。<br />

<input id="" type="reset" name="" /><br />
<br />
登录后复制


20.search:定义用于输入javascript3javascript4的文本字段。<br />

<input id="" type="search" name="" /><br />
<br />
登录后复制


21.submit:定义提交按钮。<br />

<input id="" type="submit" name="" value="提交" /><br />
<br />
登录后复制

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

<input id="" type="tel" name="" /><br />
<br />
登录后复制


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

<input id="" type="text" name="" /><br />
<br />
登录后复制


24.url:定义用于输入 URL 的字段。<br />
添加你的主页网址:

<input id="" type="url" name="" /></p>
登录后复制

 

以上就是HTML5的表单中关于所有type类型的详细介绍的详细内容,更多请关注php中文网其它相关文章!

相关标签:
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号