Skip to content

表单与控件

表单用于向服务器提交数据:formactionmethodget/post),控件通过 name 参与提交。


input 常用 type

type说明
text / password单行文本 / 密码
email / tel / url带基础格式提示(HTML5)
number / date / time数字与日期时间(兼容性因浏览器而异)
radio / checkbox同组 radio 需相同 name
file文件;常配合 acceptmultiple
hidden隐藏域
submit / reset / button提交 / 重置 / 普通按钮

常用属性:valueplaceholderrequireddisabledreadonlymaxlengthautocompletechecked(单选/多选默认选中)。


其它控件

  • textarea:多行文本,rows/cols 可作初始尺寸,实际宽高多用 CSS。
  • select + option:下拉;optgroup 分组;默认选中 selected
  • label:关联控件 for 对应 id,扩大点击区域,利于无障碍。
  • fieldset + legend:分组表单区块。

控件可以不放在 form 内仍能展示,但 提交 通常需纳入 form 或使用 form 属性指向表单 id。


小结

移动端与可访问性:labelinput 类型选对、required 与服务端校验 双端一致(前端仅为体验,不能替代服务端校验)。