写法:
常用属性
①name 属性:写在 select 里,所有选项只有一个 name
②multiple 属性:multiple="multiple" 设置 select 为多选,一般不用
③option 常用属性:value="" 属性,当 option 没有 value 属性时,往后台传递的是中间的文字,
当有 value 属性时,传递的是 value 的属性值。
title="" 属性, 鼠标之上后现实的文字
select="select" 默认属性值
④optgroup 属性: 用于 option 属性分组,用 lable 属性表示分组名。
【textarea】: 文本域,其常用属性 :
①设置宽度高度 style="width: 150px;height: 200px;
②readonly="readonly":只读模式,不允许修改编辑
③style="resize: none;" 设置为宽度高度不允许修改
④style="overflow:;" 设置文字超出区域时,如何处置,常用属性值有:
hidden 超出区域的文字,隐藏无法显示
scroll 无论文字多少,均显示滚动
auto 自动,根据文字多少自动决定是否会显示为滚动条
【h5 智能表单】
1、H5 新增 input 的 form 属性,用于指定特 form 表单的 id,实现 input 无需放在 form 标签之中,即可通过表单进行提交
id=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>
- <!--<table width="500">
- <caption><u><b>特别请假单</b></u></caption>
- <tr>
- <td>申请日期: 年 月 日</td>
- </tr>
- </table>
- <table border="1" style="border-collapse: collapse;" width="500">
- <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" align="right">天</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>-->
- <h2 style="text-decoration:underline ;text-align: center;" width="500px">
- 贴别休假申请单
- </h2>
- <p>
- 申请日期: 年 月 日
- </p>
- <table border="1" style="border-collapse: collapse;" width="500px" align="center">
- <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" align="right">
- 天
- </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>
来源: http://www.bubuko.com/infodetail-1960042.html