计算机科学——web

       # 第七章 在网页中创建表单
 ## 第二节 两列表和HTML新增元素，属性

• 选择列表标签＜select>、＜option>
  1.＜select>用来声明选择列表
  2.＜option>用来填写各选项内容
  3.多项选择列表
  （1）语法：＜select name=“列表名称” size=“显示的选项数目” multiple>
  ＜option value=“选项值” selected=[条件]>选项一＜/option>
  ……
  ＜/select>
  （2）属性 name 名称 size 选项数目
  multiple 多选 value 选项值 selected 条件
  4.下拉列表(只能选择一项)
  (1)语法：＜select name=“列表名称”>
  ＜option value=“选项值”>选项一＜/option>
  ……
  ＜/select>
• 文本域标签＜txetarea>
  1.语法：＜textarea name=“文本域名称” rows=“行数” cols=“字符数”>…(文本)
  ＜/textarea>
• HTML5表单新增属性
  1.form属性(可建立表单元素与表单的隶属关系)

2.formaction属性 (所有提交按钮都可以使用此属性，包括submit，imafe图像按钮)，button 按钮

3.autofocus属性(一个页面中最多有一个表单元素设置autofocus属性，否则将失效，建议对第一个input元素设置，autofocus 属性）
(1)语法：＜input type=“text” aytofocus/>或
＜textarea rows="" cols="" autofocus>…＜/textarea>

4.pattern属性(设置对应的正则表达式)
(1)yuf：＜input type=“text” pattern=“正则表达式” title=“错误提示信息”/>

5.placenolder属性(设置提示信息)
(1)语法 ＜input type=“text” placeholder=“提示信息”/>

6.required属性(验证某个表单元素的内容是否为空)
(1)语法：
a.＜input type=“text” name="…" required/>设置表单 b.＜select name="…" … required> ＜/select>设置列表
c.＜textarea name="…"…required> 设置文本域

• HTML5表单新增的input元素类型
  1.属性
  tel 电话 email 电子邮箱 URL 统一资源定位符
  number 数值 range 一滑动条表示特定范围内的数值 search 搜索关键字的文本框
  color颜色选择器 date 日期选择器
  time 时间选择器 datetime 日期时间选择器
  datetime_local 不包含时区的日期时间选择器
  week 星期选择器 month 月份选择器

• 新增input元素类型注意事项
  

• 提交按钮新增取消校验属性
  1.语法
  (1)作用于在整个表单：＜form>中设置novalidate
  (2)作用于单个提交按钮