• 微信号
  • 微信号
目录

HTML笔记

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

上一篇: html表单input属性

下一篇: html表单属性

html表单input输入类型

孤峰 219

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表单属性

  1. text
  2. password
  3. submit
  4. radio
  5. checkbox
  6. button
  7. number
  8. date
  9. color
  10. range
  11. month
  12. week
  13. time
  14. datetime
  15. datetime-local
  16. email
  17. search
  18. tel
  19. url
  20. file