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文本的知识。

原文地址:https://www.cnblogs.com/marr/p/14176497.html