2024年5月7日发(作者：)

海文国际

HTML5 中表单中 input 元素的 type 属性

本章主要探讨 HTML5 中表单中 input 元素的 type 属性，根据不

同的值来显示不同的输入框。

一． type 属性总汇

input 元素可以用来生成一个供用户输入数据的简单文本框。在默

认的情况下，什么样的数据均可以输入。而通过不同的属性值，可以

限制输入的内容。

二． input 元素解析

为 text 值时

解释：当 type 值为 text 时，呈现的就是一个可以输入任意字符

的文本框，这也是默认行为。并且，还提供了一些额外的属性。

属性名称 说明

属性名称

text

password

search

叉标记取消

submit、 reset、 生成一个提交按钮、重置按钮、普通按

button

钮

说明

一个单行文本框，默认行为

隐藏字符的密码框

搜索框，在某些浏览器键入内容会出现

海文国际

只能输入数值的框；只能输入在一个数

number、 range

值范围的框

checkbox、

radio

复选框，用户勾选框；单选框，只能在

几个中选一个

image、 color 生成一个图片按钮，颜色代码按钮

email、 tel、

url

date、 month、

time、

week、

datetime、

datetime-local

hidden

file

//设置文本框长度

//设置文本框输入字符长度

//设置文本框的初始值

生成一个隐藏控件

生成一个上传控件

获取日期和时间

生成一个检测电子邮件、号码、网址的

文本框