zoukankan      html  css  js  c++  java
  • 2020.11.9

    一、今日学习内容:

    单选框:

    单选按钮
    在注册功能中,用户选择学历使用的是单选按钮,并且是多个单选按钮,每个选项对
    应一个单选按钮,用户只能选择其中一个,这多个单选按钮的格式相同。如果用户要输入
    的信息只有少数几种可能,这时应该使用单选按钮。
    单选按钮的基本格式如下:
    <input type="radio" name="输入信息的名字" value="输入信息的值">显示的信息
    其格式与单行本文框格式基本相同,type 属性的值为“radio”,说明这个表单元素是单选按
    钮。name 仍然是元素的名字,value 属性的值是这个单选按钮的值。这个值不会显示给用户,
    用户能够看到的是标签后面显示的部分。
    单选按钮通常不独立出现,每一种可能的选项就对应一个单选按钮,每个单选按钮对
    应一个不同的值,用户选择哪个单选按钮,哪个单选按钮的值就可以传递到服务器。
    注册功能中,用户选择学历对应的代码如下:
    <input type="radio" name="degree" value="1">专科
    <input type="radio" name="degree" value="2" checked>本科
    <input type="radio" name="degree" value="3">硕士研究生
    <input type="radio" name="degree" value="4">博士研究生
    这里,学历有 4 个选项,所以有 4 个单选按钮,且这 4 个单选按钮的名字是相同的。

    用户只能在 4 种情况中选择一个,这 4 个单选按钮的值分别是 1、2、3 和 4,用户看不到单
    选按钮的值,看到的是每个标签后的文字,即“专科”、“本科”、“硕士研究生”、“博士研
    究生”等。如果用户选择专科,得到的值将是 1;如果用户选择的是本科,得到的值将是 2……
    请记住:单选按钮的基本格式与输入框基本相同,不同的是,type 对应的值为“radio”。
    有多少个可能的选项就需要多少个单选按钮。如果需要使用默认值,则可使用 checked。
    注意:
    ● 一组单选按钮的名字必须相同,但是值不同。
    ● 单选按钮的值与用户看到的在界面上显示的信息没有关系。

    复选框:

    复选框与单选按钮非常类似,相同的地方是:
    ● 一般都不单独出现,而是成组出现。
    ● 同一组的名字相同。
    ● 必须指定值。
    ● 选择哪一个选项,得到的是这个选项对应的值。
    ● 每个选项的值和显示给用户看的信息是独立的。
    不同的地方是:
    ● 单选按钮对应的 type 属性的值是“radio”,而复选框对应的 type 属性的值是
    “checkbox”。
    ● 单选按钮只能选择一个,而复选框能选择多个。
    注册功能中没有使用到复选框,下面是一个复选框的例子,用于选择个人的爱好。因
    为个人的爱好可以是多个,所以允许多选,应该使用复选框。
    <input type="checkbox" name="like" value="1">运动
    <input type="checkbox" name="like" value="2">看电影
    <input type="checkbox" name="like" value="3">听音乐
    <input type="checkbox" name="like" value="4">读书
    type 的值为“checkbox”,说明这些元素是复选框。4 个复选框的名字都是 like,所以这
    是一组复选框。4 个复选框的值不同,分别是 1、2、3 和 4,而用户看到的则是运动、看电
    影、听音乐和读书。

    二、遇到的问题:

    没有什么问题。

    三、明日学习计划:

    明天继续学习Java文本的知识。

  • 相关阅读:
    Redis基本数据类型与持久化
    Jpa创建筛选器自动忽略nul值进行搜索
    layui单元格换行
    form多个name相同表单处理
    layui合并单元格
    关于jpa example使用
    mui下拉菜单
    img在div中居中
    高德地图定位api使用
    【剑指offer】20.表示数值的字符串
  • 原文地址:https://www.cnblogs.com/marr/p/14176497.html
Copyright © 2011-2022 走看看