Fork me on Gitee

创建表单

创建表单

表单


用户名：


密码：


性别： 男
女


爱好：跳舞
散步
唱歌


所在地：


个性签名：



表单三要素

  • form标记
  • 至少一个输入域（如input文本域或选择框）
  • 提交按钮

input标记type属性取值含义

  • text 文本框 value=“请输入关键字”也可以为空
  • password 密码框
  • radio 单选框 checked默认选择
  • checkbox 复选框
  • file 文件域
  • hidden 隐藏域 隐藏域不会显示在网页中，但是提交表单时会一起提交到服务器（必须有name属性和value属性）
  • submit 提交按钮
  • reset 重置按钮
  • button 普通按钮
  • image 图像按钮

表单的辅助标记

  • label标记 定义标签，通过for属性绑定控件，如果表单控件的id属性和label标记的for属性相同，那么label标记就会和表单控件关联起来。
  • 字段集标记fieldset、legend

HTML5新增的表单标记和属性

  • input属性新增类型值

    网址输入框
    email输入框
    数字输入框
    日期输入框
    搜索输入框
    范围滑动条

  • input标记新增的公共属性

    autofocus 设置元素自动获得焦点
    pattern 使用正则表达式验证，例如：pattern="[1]"
    placeholder 设置文本框里的默认内容
    required 是否检测文本框输入框的内容为空
    novalidate 是否验证文本输入框的内容
    autocomplete 使form或input具有自动完成功能

  1. a-zA-Z\w(5,7)$ ↩︎

posted @ 2018-03-18 13:20  明叶师兄。  阅读(524)  评论(0)    收藏  举报