html表单选框 - 爱码网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div>
        <!-- 下拉列表 -->
        <select name="" id="">
            <option value="1">male</option>
            <option value="2" selected>female</option>
            <option value="3">middle</option>
        </select>
    </div>
    <div>
        <!-- 单选框 -->
        <input name="sex" type="radio" checked>
        <input name="sex" type="radio">
        <input name="sex" type="radio">
    </div>
    <div>
        <!-- 多选框 -->
        <input name="hobby" type="checkbox" checked>
        <input name="hobby" type="checkbox">
        <input name="hobby" type="checkbox">
    </div>
    <script src="jquery-1.12.4.js"></script>
</body>
</html>