HTML 表单中常用字段类型的使用

HTML 表单的作用是获取用户输入,提交给服务器进行与服务器的交互。html 提供类多种类型的表单用来获取不同类型的数据形式,如:<input><textarea><select>等…,本文就是介绍html表单的使用方法的。

表单类型列表

  • input
    • type="text" # 单行文本
    • type="password" # 密码输入框
    • type="submit" # 提交表单
    • type="radio" # 单选按钮
    • type="checkbox" # 复选框
    • type="button" # 定义按钮
    • type="number" # 数字类型输入框
    • type="date" # 日期字段
    • type="color" # 颜色选择
    • type="range" # 范围输入字段,显示为滑块控件
    • type="month" # 月份和年份选择
    • type="time" # 时间输入
    • type="email" # 邮件输入字段
    • type="search" # 搜索字段,
  • select
  • textarea
  • button
  • datalist (HTML5)
  • keygen (HTML5)
  • output (HTML5)

输入限制

  1. disabled # 规定输入字段应该被禁用
  2. max # 定义输入字段的最大值
  3. maxlength # 规定输入字段的最大字符数
  4. min # 规定输入字段的最小值
  5. pattern # 规定通过检查输入值的正则表达式
  6. readonly # 规定输入字段为只读(无法修改)
  7. required # 规定字段为必需的(必需填写)
  8. size # 规定输入字段的宽度(以字符计)
  9. value # 规定输入字段的默认值
  10. autocomplete="off" or = "on # 规定是否启用自动完成
  11. autofocus # 加载完成时自动获得焦点
  12. form ="form1" # form1 为 form 的id,规定input 输入一个或多个表单
  13. placeholder="" # 占位符
  14. step # 间隔、步长

暂无评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注