html中表格的制作
1、<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><form ><table border="1" width="900" style="margin: auto;"><tr><td colspan="4"><h3>用户注册</h3></td></tr><tr><td><h4>用户名：</h4></td><td><input type="text" name="" />*</td><td colspan="2"><a href="" ><h4>检测是否有相同姓名</h4></a></td></tr><tr><td><h4>密码：</h4></td><td><input type="text" name="" />*</td><td><h4>真实姓名：</h4></td><td><input type="text" name="" />*</td></tr>
2、<tr><td><h4>确认密码：</h4></td><td><input type="text" name="" />*</td><td><h4>性别：</h4></td><td><select name=""><option value="男">男</option><option value="女">女</option></select></td></tr><tr><td><h4>证件类型：</h4></td><td><select><option value="身份证">身份证</option><option value="户口本">户口本</option><option value="军官证">军官证</option></select></td><td><h4>出生日期：</h4></td><td><input type="text" />(格式：2000-08-08)</td></tr><tr><td><h4>证件号码：</h4></td><td><input type="text" name="" />*</td><td><h4>国家：</h4></td><td><input type="text" name="" />*</td></tr>
3、<tr><td><h4>联系号码：</h4></td><td><input type="text" name="" />*</td><td><h4>城市：</h4></td><td><input type="text" name="" />*</td></tr><tr><td ><h4>手机号码：</h4></td><td colspan="3"><input type="text" name="" />*(建议填写以便短息通知)</td></tr><tr><td><h4>Email：</h4></td><td><input type="email" name="" />*</td><td><h4>邮编：</h4></td><td><input type="text" name="" />*</td></tr><tr><td ><h4>联系地址：</h4></td><td colspan="3"><textarea name=""></textarea></td></tr><tr><td></td><td><input type="reset" value="重置"/></td><td><input type="submit" value="提交" /></td><td></td></tr></table></form></body></html>
4、表单相关HTML标签<form action="" method="post" name="form1" id="user"></form> 表单标签 <input type="text" name="text" /> 单行文本输入框<input type="hidden" name="hidden" /> 隐藏域<input type="password" name="password" /> 密码输入框<input type="checkbox" name="checkbox" value="checkbox" /> 复选框<input type="radio" name="radiobutton" value="radiobutton" /> 单选按钮<input type="file" name="file" /> 文件域<input type="submit" name="Submit" value="提交" /> 提交按钮<input type="reset" name="Submit2" value="重置" /> 重置按钮<input type="button" name="button" /> 创建一个可单击的按钮，一般用于JS的运行
5、下列为HTML5新增input类型<input type="email" name="email" /> email输入框<input type="url" name="url" /> url地址输入框<input type="number" name="number" min="0" max="20" step="4"/> 数字输入框，其中0为输入的最小值，20为最大值，输入的数字为setp的倍数<input type="range" name="range" min="0" max="20" step="4"/> 创建滑块输入数字<input type="date" name="date" /> 日期创建，选取日、月、年(火狐、IE不支持)<input type="search" name="search" /> 创建搜索内容输入框，结合程序实现搜索功能<input type="tel" name="tel" /> 创建电话号码输入框如在苹果手机上的浏览器中，将显示出拨号盘
6、<input type="color" name="color" /> 创建颜色选择框<input>新增加pattern属性,用于限制text,search,url,tel,email,password的输入值和位数例如:<input type="text" pattern="[a-z]{6}" /><input>新增加required属性,用于限制text,search,url,tel,email,password,number,checkbox,radio,file的值不能为空例如:<input type="text" required="required" /><textarea name="textarea"></textarea> 多行文本框<select name="select">下拉列表<option value="合肥">合肥</option></select>下面两行是单选按钮组<input type="radio" name="RadioGroup1" value="单选" />单选<input type="radio" name="RadioGroup1" value="单选" />单选
