table表单
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>用户注册表单</title>
</head>
<body><h3>用户注册</h3><hr /><!-- 定义一个表单 action表示数据最终提交到哪里,表单提交都是post提交--><form action="#" method = "post" name = "register_form"><!-- 定义一个两行八列的表格 --><!-- 第一行 --><table><tr><td><label for="username">用户名:</label></td><td><input type="text" name="username" placeholder="请输入用户名..." id="username"/></td></tr><!-- 第二行：password --><tr><td><label for="password">密码:</label></td><td><input type="password" name="password" placeholder="请输入密码..." id="password"/></td></tr><!-- 第三行:单选框radio --><tr><td><label for="gender">性别:</label></td><td><input type="radio" name="gender" id="gender" value="m"/> 男<input type="radio" name="gender" value="f" checked="checked"/> 女</td></tr><!-- 第四行 多项选中checkbox --><tr><td><label for="hobby">爱好:</label></td><td><input type="checkbox" name="hobby" id="hobby"value="basketball"> 篮球<input type="checkbox" name="hobby" value="football"> 足球<input type="checkbox" name="hobby" value="swimming" checked> 游泳<input type="checkbox" name="hobby" value="fitness"> 健身</td></tr><!-- 第五行 下拉选择框 select --><tr><td><label for="edu">学历:</label> </td><td><select name="edu" id="edu"><option value="zk">专科</option><option value="bk" selected>本科</option><option value="yjs">研究生</option><option value="bs">博士</option><option value="ls" >烈士</option></select></td></tr><!-- 第六行 --><tr><td><label for="photo">照片:</label></td><td><input type="file" name="photo" id="photo"></td></tr><!-- 第七行 textarea文本域 --><tr><td><label for="profile">个人简介:</label></td><td><textarea name="profile" id="profile" cols="30" rows="10"></textarea></td></tr><!-- 第八行 --><tr><td></td><td><input type="submit" value="注册"><input type="reset" value="重置"><input type="button" value="按钮"></td></tr></table></form>
</body>
</html>
结果展示
