• 微信号
目录

html笔记

您当前的位置:首页 > 我的笔记 > html笔记>html表单input输入类型

html表单input输入类型

text

<input type="text"> 定义供文本输入的单行输入字段

password

<input type="password"> 定义密码字段

submit

<input type="submit"> 定义提交表单数据至表单处理程序的按钮

如果您省略了提交按钮的 value 属性,那么该按钮将获得默认文本

radio

<input type="radio"> 定义单选按钮

checkbox

<input type="checkbox"> 定义复选框

复选框允许用户在有限数量的选项中选择零个或多个选项

button

<input type="button> 定义按钮

number

<input type="number"> 用于应该包含数字值的输入字段

属性

value {string}:设置文本框默认的内容。 max {numebr}:设置最高的数字。 min {numebr}:设置最低的数 字。 step {number}:设置数字间隔

date

<input type="date"> 用于应该包含日期的输入字段

color

<input type="color"> 用于应该包含颜色的输入字段

range

<input type="range"> 用于应该包含一定范围内的值的输入字段

属性

value {string} :设置文本框默认的内容。 max {numebr}:设置最高的数字。 min {numebr}:设置最低的数字

month

<input type="month"> 允许用户选择月份和年份

week

<input type="week"> 允许用户选择周和年

time

<input type="time"> 允许用户选择时间(无时区)

datetime

<input type="datetime"> 允许用户选择日期和时间(有时区)

datetime-local

<input type="datetime-local"> 允许用户选择日期和时间(无时区)

email

<input type="email"> 用于应该包含电子邮件地址的输入字段

根据浏览器支持,能够在被提交时自动对电子邮件地址进行验证

某些智能手机会识别 email 类型,并在键盘增加 ".com" 以匹配电子邮件输入

search

<input type="search"> 用于搜索字段(搜索字段的表现类似常规文本字段)

tel

<input type="tel"> 用于应该包含电话号码的输入字段

url

<input type="url"> 用于应该包含 URL 地址的输入字段

file

<input type="file">定义文件框(用于选择文件)