• 使用单选框、复选框,让用户选择


    在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。请看下面的例子:

    语法:

    <input type="radio/checkbox" value="值" name="名称" checked="checked"/>

    1、type:

       当 type="radio" 时,控件为单选框

       当 type="checkbox" 时,控件为复选框

    2、value:提交数据到服务器的值(后台程序PHP使用)

    3、name:为控件命名,以备后台程序 ASP、PHP 使用

    4、checked:当设置 checked="checked" 时,该选项被默认选中

    如下面代码:

    在浏览器中显示的结果:

    注意:同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。

    示例:

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>单选框、复选框</title>
    </head>
    <body>
    <script>
        document.write("请选择你的性别:");
    </script>
    <form action="save.php" method="post" >
        <label>性别:</label>
        <label></label>
        <input type="radio" value="1"  name="gender" checked="checked"/>
        <label></label>
        <input type="radio" value="2"  name="gender"/>
        <br />
        <hr />
        <label>兴趣爱好:</label>
        <br />
        <label>羽毛球</label>
        <input type="checkbox" value="1" name="hobby">
        <label>篮球</label>
        <input type="checkbox" value="2" name="hobby">
    </form>
    </body>
    </html>
  • 相关阅读:
    兑奖
    杨辉三角
    偶数求和
    进制转化
    填词
    等值数目
    Spring框架的七个模块
    数据库中的第1、2、3范式 (昨天没睡好,因为那个蚊子~~)
    关于eclipse 不编译或者找不到*.class的问题
    servlet生命周期的理解
  • 原文地址:https://www.cnblogs.com/Rinpe/p/5539635.html
Copyright © 2020-2023  润新知