html_table标签和from表单标签小试手
Html Body中table（表格）也是一个重要组成部分，下面列举一个简单的实例：
——————————————简单的table——————————————————
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table width="90%" border="" cellpadding="" cellspacing="" align="center">
<caption>
<h1>维修项目增补单</h1>
<tr align="">
<th>工单号</th>
<th colspan="">__________</th>
<th>车牌号</th>
<th colspan="">__________</th>
<th>车型</th>
<th></th>
<th>技师</th>
<th></th>
<th>维修时间</th>
<th colspan="">___________</th>
</tr>
<tr>
<th>序号</th>
<th colspan="">维修项目及更换配件</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
<th>工时费</th>
<th>合计</th>
<th colspan="">故障原因</th>
</tr>
<tr>
<th></th>
<td colspan=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan=""></td>
</tr>
<tr>
<th></th>
<td colspan=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan=""></td>
</tr>
<tr>
<th></th>
<td colspan=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan=""></td>
</tr>
<tr>
<th></th>
<td colspan=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan=""></td>
</tr>
<tr>
<th></th>
<td colspan=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan=""></td>
</tr>
<tr>
<th></th>
<td colspan=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan=""></td>
</tr>
<tr align="left">
<th colspan="">备件费用小计：</th>
<th colspan="">工时费用小计：</th>
<th colspan="">合计：</th>
<tr />
</caption>
</table>
</body>
</html>
效果如下：
！：有一个非常需要注意的地方就是因为html内容为主的原因，当你空单元格位置又是不会像你设置那样完整展开。暂时没有找到解决办法，只能将空单元格中加入字符，使他完整展开。
——————————————————————From表单————————————————————————————
From表单是Html中用户与网站交互的手段。
表单是可以把浏览者输入的数据传送到服务器端的程序(比如ASP,PHP,JSP)的HTML元素,服务器端程序可以处理表单传过来的数据,从而进行一些动作.比如,bbs,blog的登陆系统,购物车系统等.
以下举例：
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>淘宝注册</title>
</head>
<body>
<table align="center" width="" border="" cellpadding="" cellspacing="">
<caption>
<h2>用户注册</h2>
</caption>
<form action="http://www.baidu.com" method="POST">
<tr> <!-- 使用输入域定义姓名输入框 -->
<td>姓名：</td>
<td>
<input type="TEXT" name="one" size=""/>
</td>
</tr>
<tr> <!-- 使用单选按钮域定义性别输入框 -->
<td>密码：</td>
<td>
<input type="PASSWORD" name="one" size=""/>
</td>
</tr>
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" size=""/>男
<input type="radio" name="sex" size=""/>女
<input type="radio" name="sex" size=""/>保密
</td>
</tr>
<tr> <!-- 使用下拉列表域定义学历输入框 -->
<td>学历：</td>
<td>
<select id="" name="edu">
<option>--请选择--</option>
<option value="">高中</option>
<option value="">大专</option>
<option value="">本科</option>
<option value="">研究生</option>
<option value="">其他</option>
</select>
</td>
</tr>
<tr> <!-- 使用复选按钮域定义爱好输入框 -->
<td>爱好：</td>
<td>
<input type="checkbox" name="two" value=""/>跑步
<input type="checkbox" name="two" value=""/>羽毛球
<input type="checkbox" name="two" value=""/>篮球
<input type="checkbox" name="two" value=""/>乒乓球
</td>
</tr>
<tr> <!-- 使用多行文本输入域定义自我描述输入框 -->
<td>自我描述：</td>
<td>
<textarea id="" name="there" rows="" cols=""></textarea>
</td>
</tr>
<tr> <!-- 定义提交和重置两个按钮 -->
<td colspan="" align="center">
<input type="SUBMIT" name="SUBMIT" value="提交"/>
<input type="RESET" name="RESET" value="重置"/>
</td>
</tr> </form>
</table>
</body>
</html>
效果如下：
因为初步接触，做一下简单的还可以，再难一点就有困难了。
html_table标签和from表单标签小试手的更多相关文章
- [转]SpringMVC<from:form>表单标签和<input>表单标签简介
原文地址:https://blog.csdn.net/hp_yangpeng/article/details/51906654 在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标 ...
- Struts2_day04--自定义拦截器_Struts2的标签库_表单标签
自定义拦截器 1 在struts2里面有很多的拦截器,这些拦截器是struts2封装的功能,但是在实际开发中,struts2里面的拦截器中可能没有要使用的功能,这个时候需要自己写拦截器实现功能 2 拦 ...
- SpringMVC from 表单标签和 input 表单标签
刚学习很懵 不知道还有springmvc 自己的表单 于是乎就上网查了一下 这个真的好用多啦 刚学习很懵 不知道还有springmvc 自己的表单 于是乎就上网查了一下 这个真的好用多啦 ...
- SpringMVC学习系列（11） 之 表单标签
本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. 一.首先我们先做一个简单了例子来对Spring MV ...
- struts2：非表单标签
非表单标签主要用于输出在Action中封装的信息,这在实际运用中是很常见的. 1. actionerror标签 <s:actionerror>标签主要用于输出错误信息到客户端,该标签将Ac ...
- SpringMVC学习系列 之 表单标签
http://www.cnblogs.com/liukemng/p/3754211.html 本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图 ...
- SpringMVC表单标签
SpringMVC学习系列(11) 之 表单标签 本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. ...
- springMVC(7)---表单标签
springMVC(7)---表单标签 form标签作用 简单来讲form表单有两大作用 1:第一就是往后端提交数据或者前端回显 ...
- struts2：表单标签
目录 表单标签1. form标签2. submit标签3. checkbox标签4. checkboxlist标签5. combobox标签6. doubleselect标签7. head标签8. f ...
随机推荐
- POJ3461–Oulipo(KMP)
题目大意 给定一个文本串和模式串,求模式串在文本串中出现的次数 题解 正宗KMP 代码: #include<iostream> #include<cstring> #inclu ...
- Powerdesigner设置name与code不同时变化
Tools-General Options-Dialog Name to Code mirroring去掉对勾
- 无法通过 128 (在表空间 TEMP 中) 扩展 temp 段
1.查看表空间中数据文件存储的路径以及是否可以自动扩展 SELECT TABLESPACE_NAME, BYTES/1024/1024 FILE_SIZE_MB, FILE_NAME FROM DBA ...
- 用NGUI做一个计时条！
1.建立两个UISprite. 2.建立脚本CountingTime 3.编写脚本 public class CountTime : MonoBehaviour { //时间计时器 public fl ...
- JBPM学习(六)：详解流程图
概念: 流程图的组成: a. 活动 Activity / 节点 Node b. 流转 Transition / 连线(单向箭头) c. 事件 1.流转(Transition) a) 一般情况一个活动中 ...
- AptanaStudio3 安装在win7 64bit时遇到的问题
最近在研究前端语言,想起可以使用AptanaStudio这个前端利器,没想到安装时却遇到波折.先从网上下载了Aptana版本 3.6.0 64bit问题1 安装进度缓慢,第一次安装时,显示downlo ...
- 在CentOS6上安装Redis
检查安装依赖程序 yum install -y gcc-c++ tcl wget 获取安装文件 wget http://download.redis.io/releases/redis-2.8.17. ...
- Android实时监听网络状态（1）
其实手机在网络方面的的监听也比较重要,有时候我们必须实时监控这个程序的实时网络状态,android在网络断开与连接的时候都会发出广播,我们通过接收系统的广播就可以实现网络的监听. 1.添加访问网络和获 ...
- 【03】尽可能使用const
1.为什么搞出const关键字? const指定一个语义约束,指定一个对象不可修改.如果一个对象不可修改,就应该说出来. 2.const与指针 const可以修饰指向之物,也可以修改指针本身.STL中 ...
- 获取WINDOWS特殊文件夹
const// registry entries for special paths are kept in : REGSTR_PATH_SPECIAL_FOLDERS = REGSTR_PAT ...