学习要点： 1.type 属性总汇 2.type 属性解析 主讲教师：李炎恢 本章主要探讨 HTML5 中表单中 input 元素的 type 属性，根据不同的值来显示不同的输入框。 一．type 属性总汇 input ...
![第 10 章 表单元素[中]](/images/loading.gif)
学习要点：
1.type 属性总汇
2.type 属性解析
主讲教师：李炎恢
本章主要探讨 HTML5 中表单中 input 元素的 type 属性，根据不同的值来显示不同的输入框。
一．type 属性总汇
input 元素可以用来生成一个供用户输入数据的简单文本框。在默认的情况下，什么样的数据均可以输入。而通过不同的属性值，可以限制输入的内容。
| 属性名称 | 说明 |
| | |
| text | 一个单行文本框，默认行为 |
| | |
| password | 隐藏字符的密码框 |
| | |
| search | 搜索框，在某些浏览器键入内容会出现叉标记取消 |
| | |
| submit、reset、button | 生成一个提交按钮、重置按钮、普通按钮 |
| | |
| number、range | 只能输入数值的框；只能输入在一个数值范围的框 |
| | |
| checkbox、radio | 复选框，用户勾选框；单选框，只能在几个中选一个 |
| | |
| image、color | 生成一个图片按钮，颜色代码按钮 |
| | |
| email、tel、url | 生成一个检测电子邮件、号码、网址的文本框 |
| | |
| date、month、time、 | |
| week、datetime、 | 获取日期和时间 |
| datetime-local | |
| | |
| hidden | 生成一个隐藏控件 |
| | |
| file | 生成一个上传控件 |
| | |
二．input 元素解析 | |
1.type 为 text 值时 | |
<input type="text"> | |
解释：当 type 值为 text 时，呈现的就是一个可以输入任意字符的文本框，这也是默认行为。并且，还提供了一些额外的属性。
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：第 10 章 表单元素[中]
关键词：
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
