14 多选框和按钮 

<!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>
posted @   被占用的小海海  阅读(6)  评论(0)  编辑  收藏  举报
相关博文：
·  15 列表框，文本框，文件域
·  13 文本框和单选框
·  按钮和多选框
·  10_学习表单
·  13.多选框和按钮
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· winform 绘制太阳，地球，月球 运作规律
· 上周热点回顾（3.3-3.9）
点击右上角即可分享
微信分享提示
AI IDE Trae