526互联

14 多选框和按钮

发布时间 2023-09-17 18:00:11作者: 被占用的小海海
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习单选框和多选框和按钮</title>
</head>
<body>
<h1>选择框和按钮</h1>
<form  action="表格标签.html" method="get">
  <p>账号：<input type="text" name="username" value="zhan" size="30" maxlength="8"></p>
  <p>密码：<input type="password" name="pwd"></p>
<!--单选框
单选框 radio ， 同一组的才单选
value ：值
name : 组
-->
    <p>性别
        <input type="radio" value="boy" name="sex">男
        <input type="radio" value="girl" name="sex">女
    </p>
<!--多选框-->
    <p>爱好：
        <input type="checkbox" value="study" name="hobby">学习
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="game" name="hobby">玩游戏
        <input type="checkbox" value="beautiful girl" name="hobby">漂亮女生
    </p>

    <!--普通按钮，图像按钮  -->
    <input type="button" value="button" name="button">
    <input type="image" src="/resources/image/1.png" width="50" height="30">
    <!--    最后-->
    <p>
        <input type="submit">
        <input type="reset" value="清空">
    </p>

</form>
</body>
</html>