inbuilder 里表格的制作
1、打开inbuilder软件，新建html文件，<!doctype><html><head><charset="utf-8"><titie></title></head><body></body></html>新建文件的标准类型。软件自带不需要在写。
2、表单相关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的运行下列为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" /> 创建电话号码输入框如在苹果手机上的浏览器中，将显示出拨号盘<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="单选" />单选<table border="1" width="400" margin：0 auto> 框线 宽 <tr> <td rowspan="2">1</td> 纵向合并两个单元格 <td>1</td> <td>1</td> </tr> <tr> <td colspan="2">2</td> 横向合并两个单元格 </tr></table>需要用到的所有标签
3、<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style > .tcenter{text-align: center;font-weight: bold;} .background-color{background-color: #0000FF;height: 16px;} table{width:800px;margin:0 auto;} b{color: #FF0000;} td{ height: 30px;} </style> </head> <body> <table> <tr>
4、<td colspan="2" class="background-color" ></td></tr><tr><td colspan="2" class="tcenter">用户注册<p>(<b>*</b>为必填项)</p></td></tr><tr><td class="tcenter" style="width: 150px;">用户名：</td><td><input type="text" name="a" /><b>*</b>(用户只能用6-10位英文字母和数字)</td></tr><tr><td class="tcenter">密码：</td><td><input type="password" name="b" /><b>*</b>(密码只能用6-15位英文字母和数字 ，不能有符号)
5、</td></tr><tr><td 罕铞泱殳class="t艘早祓胂center">确认密码：</td><td><input type="password" name="c" /><b>*</b></td></tr><tr><td class="tcenter">真实姓名：</td><td><input type="text" name="d" /><b>*</b></td></tr><tr><td class="tcenter">身份证号：</td><td><input type="text" name="e" /><b>*</b>（身份证号作为识别账号属权的唯一依据请慎重填写。）</td></tr><tr><td class="tcenter">密码提示：</td><td><input type="text" name="f" /><b>*</b></td></tr><tr><td class="tcenter">密码答案：</td><td><input type="text" name="g" /><b>*</b>（此项作为以后遗忘密码时恢复密码用。）</td></tr><tr><td class="tcenter">电子邮箱：</td><td><input type="text" name="h" /><b>*</b></td></tr><tr><td class="tcenter">推荐人用户名：</td><td><input type="text" name="i" />
6、如果您是好友推荐您来尝试《魔法奇兵》的，那么请填写您好友的用户名如果没有则无需填写 如果您是好友推荐您来尝试《魔法奇兵》的，那么请填写您好友的用户名 如果没有则无需填写</td></tr><tr><td class="tcenter">联系地址：</td><td><input type="text" name="j" />（作为今后发放游戏奖品的联络地址，请认真填写）</td></tr><tr><td class="tcenter">邮政编码：</td><td>（作为今后发放游戏奖品的联络地址，请认真填写。）</td></tr><tr class="tcenter"><td colspan="2"><input type="submit" name="k" value="提交" /><input type="reset" name="l" value="重置" /></td></tr></table></body></html>
