HBuider的使用之表单和表格的制作

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浏览器上显示的如下图：

可点击这里查看网页

完毕