阑梦清川
阑梦清川

web前端---------网页中的选项

我今天学习一些选项类型的表单控件，包括单选按钮、复选框和下拉菜单。

1.单选按钮

在网页中，单选按钮用于从一组选项中只选择一个来提交表单。这意味着当一组单选按钮中有一个选项被选中时，所有其它的单选按钮都将自动处于未被选中的状态。

###1.1通过等号，将标签的type属性设置为radio，表示单选按钮。

           需要特别注意的是，同一组单选按钮的name属性的值必须相同，这样才能生成一组互斥的             选项、实现单选效果。否则的话，两个按钮都可以被选中，这就失去了单选按钮的意义。

###1.2通过标签的id属性，为每个单选按钮分配一个唯一的标识符。设置id属性一般有以               下两种用途：1、配合

                                 2、用作单选按钮元素的CSS选择器，为单选按钮添加样式。

###1.3可以直接在input标签的前后输入文字作为文本描述(例如下面的案例1)；还有一种方法，那             就是在元素前后使用  标签对，在其中写入文本描述(例如下面的案             例2)。

###1.4我们目前创建的单选按钮，只能通过点击空心小圆圈才能进行选择。

           如果想实现在点击文本内容时就能对相应的单选按钮进行选择，则需要指定文本描述的关联元素。

           要进行绑定，需要保证

web前端---------网页中的选项_第1张图片

2.复选框

将标签的type属性设置为checkbox，表示复选框。

web前端---------网页中的选项_第2张图片

这里只是type属性发生改变，其余的基本不变；

创建单选按钮和复选框时，除了元素的name属性和id属性外，还有一个通用属性value，用于设置控件的值。

单选按钮和复选框的name属性值和value属性值都不会显示在页面上。

在提交数据时，它们俩会以名字/值对的形式，随表单一起被提交至服务器。

value的值是向服务器提交的值，而显示在页面上的值则是标签对中的文本描述。

3.下拉菜单

在HTML中，下拉菜单由标签对用来创建一个下拉菜单元素。

同所有其它表单元素一样，元素也有id属性，这里也是为了配合

下拉菜单里的每个选项都由元素前后写入文本描述外，还可以使用 标签对。

标签对中，我们通过for属性，将