2017-11-17 简易的form表单

来源：互联网发布：国家数据平台编辑：程序博客网时间：2024/06/14 06:51

2017年11月17日晚间作业。另外一个是文字标签之间的区别，我觉得比较简单，就不贴了。

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><p><span style="font-size: 20px;">注册表</span></p><br/><form><table ><tr><td>姓名：</td><td><input type="text" name="username"/></td></tr><tr><td>密码：</td><td><input type="password" name=""></td></tr><tr><td>性别：</td><td><input checked type="radio" name="sex"/>男<input type="radio" name="sex"/>女</td></tr><tr><td>照片：</td><td><input type="submit" value="选择文件">未选择任何文件</td></tr><tr><td>爱好：</td><td><input type="checkbox" name="hobbies"/>书<input type="checkbox" name="hobbies"/>运动<input type="checkbox" name="hobbies"/>聊天</td></tr><tr><td colspan="2">所在城市：<select name="city"><option>请选择</option><option value="北京">北京</option><option value="上海">上海</option><option value="南京">南京</option></select></td></tr><tr><td colspan="2">协议：</td></tr><tr><td colspan="2"><textarea rows="10" cols="22">请遵守相关规定，互相尊重，营造良好氛围。</textarea></td></tr><tr><td colspan="2"><input checked type="checkbox">我认真阅读并接受以上协议。</td></tr><tr><td><input type="submit"></td><td><input type="reset"></td></tr></table></form></body></html>

显示效果

阅读全文

0 0