<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>作业</title>
</head>
<body background="C:\Users\29222\Pictures\v2-2789680d60c8549008b9533ca607f88e_r.jpg">
<!-- background后面为背景图片的绝对地址 -->
<h1><p align="center">用户注册</p></h1>
<!-- 在p标签中加入align属性使p中内容位于网页中间 -->
<p align="center">
用户：<input type="text" name="username" required >
</p>
<p align="center">
密码：<input type="password" name="password" autofocus>
<!-- 用autofocus属性实现光标默认在密码栏 -->
</p>
<p align="center">
请选择你的性别：<input type="radio" name="性别" checked>男
<!-- checked属性实现默认选择男性，radio为单选按钮 -->
<input type="radio" name="性别">女
</p>
<p align="center">
请选择你的爱好：<input type="checkbox" name="爱好" >足球
<input type="checkbox" name="爱好" >篮球
<input type="checkbox" name="爱好" >LOL
<input type="checkbox" name="爱好" >韩剧
<input type="checkbox" name="爱好" >王者荣耀
<!-- name后输入相同名字如“爱好”，实现多选功能 -->
</p>
<p align="center">
邮箱：<input type="email" name="邮箱" value="请输入你的邮箱">
<!-- value后面的输入可以在邮箱栏中显示 -->
</p>
<p align="center">
用户头像：<input type="file" name="头像">
</p>
<p align="center">
你的家庭住址是：<select name="家庭住址" id="">
<option value="重庆">重庆</option>
<option value="四川">四川</option>
<option value="北京" selected>北京</option>
<option value="上海">上海</option>
</select>
</p>
<p align="center">
你的收货地址是：<select name="" id="" multiple>
<option value="选择">请选择你的收货地址</option>
<option value="云阳">云阳</option>
<option value="万州">万州</option>
<option value="永川">永川</option>
</select>
</p>
<p align="center">
请留下您的建议或者意见：<textarea name="建议or意见" id="" cols="30" rows="10">建议or意见</textarea>
</p>
<p align="center">
请选择你喜欢的颜色：<input type="color" name="颜色">
注册时间：<input type="datetime-local" name="时间" id="">
</p>
<p align="center">
<input type="button" name="按钮" id="" value="注册">
<input type="reset" name="重置">
</p>
</body>
</html>
代码效果
