<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>
</head>
<body>
使用form标签来创建一个表达
form标签中必须指定一个action属性，该属性指向的是一个服务器地址
当我们提交表单时将会提交到action属性对应的地址
-->
<form action="target.html">
<!--
使用form创建的仅仅是一个空白的彪哥，
我们还需要向form中添加不同的表单项
-->
<!-- 使用input来创建一个文本框，他的type属性是text
如果希望表单项中的数据会提交到服务器中，还必须给表单项指定一个name属性
用户填写的信息会附在url地址的后面以查询字符串的形式发送给服务器
url?username=
value默认值
-->
<fieldset>
<legend>分组一</legend>
分组一
</fieldset>
<label for="um">用户名</label> <input type="text" name="username" value="hhh" id="um"> <br>
密码 <input type="password" name="" id=""><br>
性别 <input type="radio" name="gender" id="" value="mail"> 男
<input type="radio" name="gender" id="" value="female" checked> 女<br>
爱好 <input type="checkbox" name="hobby" id="" value="zq"> 足球
<input type="checkbox" name="hobby" id="" value="lq" checked> 篮球
<input type="checkbox" name="hobby" id="" value="wq"> 网球 <br>
你喜欢的明星 <select name="star" id=""> <!-- multiple> -->
<optgroup label="男明星">
<option value="zs">张三</option>
<option value="ls" selected>李四</option>
<option value="we">王二</option>
</optgroup>
<optgroup label="女明星">
<option value="1">张三</option>
<option value="2" selected>李4️4️⃣</option>
<option value="3">王二</option>
</optgroup>
</select> <br>
自我介绍 <textarea name="info" id="" cols="30" rows="10"></textarea> <br>
<input type="submit" value="提交按钮">
<input type="reset" value="重置">
<input type="button" value="按钮"> <br>
<button type="submit">提交</button><button type="reset">重置</button><button type="button">按钮</button>
</form>
</body>
</html>
