表单的标签，元素，属性
form.method: 表单提交的方式，get(默认),post（密文）
fieldset: 表单控件的分组
legend: 是一个标签，配合着fieldset来使用的，用来给fieldset设置一个标题文字
input.type = "text" 明文 input.type = "password" 密文 input.type = "email" 邮箱(验证)
placeholder：显示可描述或输入字段的提示信息
autofocus: 页面初始化/加载成功时,焦点自动落入
required: 必填项, 不写不能提交
只有名称没有值的属性叫:布尔属性(只要写上就是true,不写就是false)
min:最小值
max:最大值
option：下拉列表
selected：默认选中
disabled:禁用
以下是注册的表单代码
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>注册表单</title></head><body> <form action="register.php" method="post"> <fieldset style="display: inline-grid;gap: 2em;"> <legend>新用户注册</legend> <div class="name"> <label for="uname">用户名：</label> <input type="text" id="uname" name="nuame" value="" placeholder="字母+数字，不少于6位" autofocus required /> </div> <div class="psw"> <label for="psw">密码：</label> <input type="password" name="password" id="psw" placeholder="不少于6位且不能全为数字" required /> </div> <div class="email"> <label for="email">邮箱：</label> <input type="email" id="email" name="email" placeholder="abcder@email.com" required /> </div> <div class="sex"> <label for="male">性别:</label> <input type="radio" id="male" name="sex" value="male" checked /><label for="male">男</label> <input type="radio" id="female" name="sex" value="female" /><label for="female">女</label> </div> <div class="age"> <label for="age">年龄：</label> <input type="number" name="age" id="age" min="18" max="60" required />岁 </div> <div class="birthday"> <label for="birthday">出生年月：</label> <input type="date" name="birthday" id="birthday" value="2008-08-08" min="1960-08-08" /> </div> <div class="edu"> <label for="">学历：</label> <select name="edu" id=""> <option value="" selected disabled>--请选择--</option> <option value="1">初中</option> <option value="2">高中</option> <option value="3">大专</option> <option value="4">大学</option> <option value="5">博士</option> </select> </div> <div class="hobby"> <label for="">兴趣爱好：</label> <input type="checkbox" name="hobby" value="trave" id="trave" /><label for="trave">旅游</label> <input type="checkbox" name="hobby" value="programe" id="programe" checked /><label for="programe">编程</label> <input type="checkbox" name="hobby" value="sport" id="sport" /><label for="sport">运动</label> <input type="checkbox" name="hobby" value="shoot" id="shoot" /><label for="shoot">摄影</label> </div> <button>提交</button> </fieldset> </form></body></html>
浏览器效果图：
