• 微信号
  • 微信号
目录

HTML笔记

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

上一篇: html表单input属性

下一篇: html表单属性

html表单input输入类型

text

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

password

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

submit

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

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

radio

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

checkbox

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

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

button

<em><input type="button></em> 定义<em>按钮</em>

number

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

属性

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

date

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

color

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

range

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

属性

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

month

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

week

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

time

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

datetime

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

datetime-local

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

email

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

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

search

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

tel

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

url

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

file

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

上一篇: html表单input属性

下一篇: html表单属性