HTML做个数据录入的模板。如下参考：
1、首先新建一个html，点击<body></body>中间，先填入表格内容：
2.内容可根据要求编写，示例代码如下：
<table>
<p style="text-align:center ">功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
3.然后在<head></head>中间输入样式表的样式，如下图：
4.样式也可以根据个人需要设置，设置单元格的宽度高度，合并单元格，位置，颜色等，示例代码如下：
<style type="text/css">
body
{
width:340px
height:800px
}
table
{
border-collapse:collapse
}
th,td
{
width:100px
height:40px
border:1pxsolidblack
font-size:12px
text-align:center
}
</style>
5.注意，此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。
6.预览结果如下图所示，一个制作简单的HTML模板。
华天oa的审批模板可分为两种，即文档型和表单型。⑴文档型。即ＷＯＲＤ和ＥＸＣＥＬ模板。文档型的模板适用于审批内容基于文档的，可以对文档进行痕迹保留，电子签名，加盖电子印章。
⑵表单型。即ＨＴＭＬ模块，该类型模板是基于ＨＴＭＬ表单的，类似于一个应用系统，可以有Ｎ多个输入域，并且与实体的数据表相结合，可以方便地根据每个域进行数据查询和统计汇总。相对而言，
EXCEL、WORD流程没有html表单功能强大，
HTML表单审批流程是全新的表单工作流，它的特点是可以处理任何可见表单。完全实现按条件流程跳转，可自动完成复杂的申请流程。可实现根据不同的条件把表单自动发送给经办人员处理，通过自定义查询统计表单内容，管理表单更方便。
文档型一般应用于不需要统计、按域查询的。表单型一般应用于需要对审批表的数据进行查询和分析的。客户可根据自己的实际情况，某些采用文档型模板，某些采用ＨＴＭＬ表单型模板。如人事任免等一般为可采用文档型模板，而采购单、销售单一般采用ＨＴＭＬ表单型模板。
HTML中常用的表单元素包括：文本区域（TEXTAREA），列表框（SELECT），文本输入框（INPUT type=text），密码输入框（INPUT type=password），单选输入框（INPUT type=radio），复选输入框（INPUT type=checkbox），重置按钮、提交按钮、隐藏域、等等。
一、文本域<input type="text" name="text" value="" />
二、密码域
密码跟文本框类似，但是在里面输入的内容显示为圆点。
<input type="password" name="text" value="" />
三、单选按钮
男人:<input type="radio" name="sex" value="male" />Male<br />
女人：<input type="radio" name="sex" value="female" />Female
四、复选框
<input type="checkbox" name="check1" value="" />
五、按钮
<input type="button" value="确认" />
六、重置按钮
当点击重置按钮时，重置按钮所在的表单将全部清空，而其他表单不受影响。<input type="reset" value="重置" />
七、提交按钮
当点击提交按钮时，浏览器将自动提交表单。<input type="submit" value="提交" />
八、隐藏域
隐藏域在浏览器中并不显示，仅仅为保存一些不太重要的资料而存在。<input type="hidden" value="我是一个隐藏域" />
九、上传域<input type="file" value="" />
十、图片按钮<input type="image" src="123.gif" />
十一、下拉列表<select>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
例如：
属性：disabled，可选值：disabled ，说明：规定禁用该下拉列表。
十二、label
abel 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。例如，当将单选按钮放在label内。则点击label内的文字也会触发单选按钮，而不必只是点中小圆点。
例如：
<label><input type="radio" name="male" />男人</label></p>
<label><input type="radio" name="male" />女人</label></p>
十三、禁用（disabled）与只读（readonly）
禁用和只读属性。readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去。
禁用文本框：<input type="text" disabled="disabled" />
只读文本框: <input type="text" readonly="readonly" /></form>
十四、TextArea
十五、fieldset 定义域
fieldset用于给表单元素分组，legend用于设置分组标题。
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签，这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域，包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮，包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）