html5常用基本标签 - 宇宙坑一号(3)_H5之家 - 中国HTML5教程资源分享第一站

　　　　①name属性：写在select里，所有选项只有一个name
　　　　②multiple属性：multiple="multiple"设置select为多选，一般不用
　　　　③option常用属性：value=""属性，当option没有value属性时，往后台传递的是<option></option>中间的文字，
　　　　　　当有value属性时，传递的是value的属性值。
　　　　　　title=""属性,鼠标之上后现实的文字
　　　　　　select="select"默认属性值
　　　　④optgroup属性：用于option属性分组，用lable属性表示分组名。
　　　　　　<optgroup label="中国">
　　　　　　<option>青岛</option>
　　　　　　<option>烟台</option>
　　　　　　<option>北京</option>
　　　　　　</optgroup>

【textarea】:文本域，其常用属性：

　　　　①设置宽度高度readonly"：只读模式，不允许修改编辑
　　　　③style="resize: none;"设置为宽度高度不允许修改
　　　　④style="overflow:;"设置文字超出区域时，如何处置，常用属性值有：
　　　　　　hidden 超出区域的文字，隐藏无法显示
　　　　　　scroll 无论文字多少，均显示滚动
　　　　　　auto 自动，根据文字多少自动决定是否会显示为滚动条

【fieldset 、legend】表单的边框与标题
　　　　　　<fieldset> //边框
　　　　　　<legend> //标题
　　　　　　</legend>
　　　　　　</fieldset>
　　　　　　　　如果想让标题嵌入到边框中，需将标题标签写到边框标签里面
　　　　　　　　一个表单可以有多组标题加边框组合

【h5智能表单】
1、H5新增input的form属性，用于指定特form表单的id，实现input无需放在form标签之中，即可通过表单进行提交
<form id=foo>
……
</form>
<input type="text" form="foo">
2、 input元素的新增属性：
Autocomplete：自动完成功能，记录用户之前输入的内容，并在用户下次输入时提示用户输入
》》》属性值：on/off
》》》可以再form表单使用，对整个表单的所有控件进行自动完成的开关也可以在input上使用，
对特定输入框进行修改
》》》绝大部分浏览器默认开启
Autofocus：自动获得焦点，autofocus="autofocus"只能获得一个焦点
Form：所属表单，通过id确认属于哪个表单
Required：必填,required="required",设置必填，否则停止提交
Pattern：使用正则表达式验证input的模式
Placeholder：提示，当有value时取消提示。

【示例-表格】

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>请假单</title> </head> <body >  <h2width="500px" >贴别休假申请单</h2> <p> 申请日期：年月日</p> <table> <tr> <td>所属单位</td> <td>卜祖班</td> <td>职称</td> <td>111</td> <td>姓名</td> <td>111</td> <td>厂长</td> </tr> <tr> <td rowspan="2">期间</td> <td colspan="3">年月日</td> <td colspan="2" rowspan="2">天数</td> <td>111</td> </tr> <tr> <td colspan="3">年月日</td> <td>主管</td> </tr> <tr> <td colspan="2">职务代理人</td> <td colspan="4">盖章</td> <td>111</td> </tr> <tr> <td colspan="1">到职日期</td> <td colspan="3">年月日</td> <td colspan="2">审核意见</td> <td colspan="1">组长</td> </tr> <tr> <td colspan="2">全年特别休假书</td> <td colspan="2">天</td> <td colspan="1">111</td> <td colspan="1">111</td> <td colspan="1">111</td> </tr> <tr> <td colspan="2">疫情家属</td> <td colspan="2"align="right">天</td> <td >人事主任</td> <td >认识经办</td> <td >班长</td> </tr> <tr> <td colspan="2">本次申请日期</td> <td colspan="2"align="right">天</td> <td rowspan="2">111</td> <td rowspan="2">111</td> <td rowspan="2">111</td> </tr> <tr> <td colspan="2">剩余请假日期</td> <td colspan="2"align="right">天</td> </table> </body> </html>

【示例-表单】