HBuider的使用之表单和表格的制作
HBuider的使用之表单表格的制作最外层是表格的格式:<table border="1px" bordercolor="#00FFFF" width="500xp" height="300px" cellpadding="5" cellspacing="0"&am
·
HBuider的使用之表单表格的制作
最外层是表格的格式:
<table border="1px" bordercolor="#00FFFF" width="500xp" height="300px" cellpadding="5" cellspacing="0"><!--描述:对表格边框样式的设计-->
</table>
在<table></table>
内层对表单和表格进行嵌套:
(具体形式写法已在代码后注释)
<tr>
<td align="right">用户名:</td> <td><input type="text"></td><!--描述:文本框-->
</tr>
<tr>
<td align="right">密码:</td> <td><input type="password"></td><!--描述:密码框-->
</tr>
<tr>
<td align="right">性别:</td> <td><input type="radio" name="性别"/>男 <input type="radio" name="性别"/>女 </td><!--描述:单选框-->
</tr>
<tr>
<td align="right">专业:</td> <td><select><option>-请选择-</option><option>计算机科学</option><option>电子信息类</option></select></td><!--描述:下拉选择框-->
</tr>
<tr>
<td align="right">兴趣:</td> <td><input type="checkbox"/>羽毛球<input type="checkbox"/>篮球<input type="checkbox"/>乒乓球</td><!--描述:多选框-->
</tr>
<tr>
<td align="right">介绍:</td> <td><textarea rows="4" cols="50"></textarea></td><!--描述:文本框-->
</tr>
<tr>
<td align="right"><button>提交</button></td> <td><center><input type="reset" value="重置"/></center></td><!--描述:提交 重置 按钮-->
</tr>
在Google浏览器上显示的如下图:
完毕
更多推荐
已为社区贡献1条内容
所有评论(0)