使用表單來解決問題
<!--
form表單標籤
屬性：
1、action:將表單的數據提交至什麼地址
2、提交的方法，get，post
get方法，將表單的數據直接放置到鏈接地址上，可以直接看的到。不安全，但效率高
post方法，表單數據放置到請求的body裏面，不直接顯示，安全，但效率稍微低，可以表單的數據可以提交比較大。
input標籤
屬性：
type:定義輸入標籤的類型、text/password/submit
name:提交數據的名稱
value:提交數據的輸入框的值
placeholder:預置文字
-->
1.單選框
type的值是radio，單選框，name值一樣，兩個只能選擇一個
<input type="radio" name="gender" />
2.複選框
type的值是checkbox，複選框，name值一樣，可以選擇多個
<input type="checkbox" name="gender" />
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="" method="post">
<input type="text" name="username" id="" value="" placeholder="賬號" />
<input type="password" name="password" placeholder="密碼"/>
<hr >
男
<!-- radio是單選框，name值一樣，兩個只能選擇一個 -->
<input type="radio" name="gender" />
女
<input type="radio" name="gender" id="" value="" />
<hr >
<h3>請選擇你喜歡的城市</h3>
南京
<!--checkbox是複選框，name值一樣，可以選擇多個 -->
<input type="checkbox" name="wq" id="" value="" />
徐州
<input type="checkbox" name="wq" id="" value="" />
蘇州
<input type="checkbox" name="wq" id="" value="" />
<hr>
<input type="submit" id="" name="" value="註冊" />
</form>
</body>
</html>