<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
background-color: gainsboro;
width: 108px;
text-align: justify;
margin: 0 auto;
}
</style>
</head>
<body>
<h1 align="center">用户注册</h1>
<form action="#" align="center">
<b>用 户 名</b> <input type="text" name="">
<div>zhangsan</div>
<p><b>密 码</b> <input type="password" name=""></p>
<p><b>性别</b> <input type="radio" name="sex" checked>男 <input type="radio" name="sex">女</p>
<p><b>爱好</b> <input type="checkbox" name="hobby">唱 <input type="checkbox" name="hobby">跳 <input type="checkbox" name="hobby">Rap <input type="checkbox" name="hobby">打篮球</p>
<p><b>邮箱</b> <input type="text" placeholder="请输入你的邮箱"></p>
<p><b>用户头像</b> <button>选择文件</button> 未选择文件</p>
<p><b>家庭住址</b> <select name="home" id="">
<option value="江苏">江苏</option>
<option value="请选择你的住址" selected>请选择你的住址</option>
</select></p>
<P><b>收货地址</b> <select name="city" id="">
<option value="南京" selected>南京</option>
<option value="重庆">重庆</option>
<option value="深圳">深圳</option>
<option value="广州">广州</option>
</select></P>
<p><b>建议或意见</b> <textarea name="" id="" cols="30" rows="2" placeholder="你的建议或意见" ></textarea></p>
<p><b>选择你喜欢的颜色</b> <input type="color">
<b>注册时间</b> <input type="time">
</p>
<button>注册</button>
<button>重置</button>
</form>
</body>
</html>
11.16表单作业
最新推荐文章于 2024-08-23 09:47:36 发布