本课我们实现表单中的单选和多选功能。对于我们所有人来说，我们每天都面临着各种各样的选择。比如：1000W和北大录取通知书应该选哪个？我应该去读研究生还是去工作？地上有一张50元的和一张100元的，我该捡哪一张？如何在HTML中实现单选和多选？我们可以通过在表单标签中嵌入input标签，并设置input标签的type属性值来实现单选和多选。Radio，type的值为radio，radio是收音机的意思，因为我们在收听节目的时候只能调到一个波段，所以用它来表示单选按钮就是让用户只能在有限的选项中选择一个。Multiplechoice，type的取值为checkbox，译为复选框，也叫多选框，让用户在有限的选择中选择更多的选项。让我们实现一个单选和多选功能。打开编辑器，新建一个radio_checkbox.html文件，自动补全基本代码，在body标签里面写一个form表单标签，在form标签里面添加text选择gender:然后添加一个input标签，设置type属性值标记到收音机，在其后添加文本“male”，然后按回车键和换行符。用同样的方法，再添加一个input标签，将标签的type属性值设置为radio，并在其后添加文字“female”。节省。用浏览器打开页面，页面上显示了一组用于性别选择的单选按钮。用鼠标点击radio控件，会发现radio框有问题。你可以选择不止一种性别吗？这里需要提醒大家的是：单选框控件必须分组使用才有意义，而且每组至少要有两个单选按钮。“组”是通过name属性建立的，name值相同的为一个组。对于同一组的单选按钮，只会选中一个，其他的会自动渲染为未选中。因此，如果单选按钮没有设置name属性，默认情况下每个单选按钮会组成一个组。一旦选择了单选按钮，就无法通过单击取消选择。返回编辑器，为两个输入单选按钮定义名称属性，并将值设置为性别。节省。返回浏览器并刷新。当我们再次点击性别选择框时，就实现了单选效果。返回编辑器，在单选框的末尾添加一个br标记。回车和换行。输入文本：前端基础包括：在文本后输入input括号type等于checkbox，input[type=checkbox]按tab键创建三个多选框控件。在每个输入复选框后分别添加文本HTML、CSS、JavaScript。节省。回到浏览器，刷新，三个选项的复选框就准备好了。用鼠标点击复选框，会出现一个复选标记，表示已被选中。再次单击选中的复选框可取消选择。我们再次刷新页面，发现单选框和多选框默认是没有选中的。打开页面可以默认选择性别男和前端基础HTML吗？单选框和多选框的默认选择效果可以通过定义checked属性来实现。只要它的值不为空，任何字符都可以接受。通常我们使用检查过的字符串作为它的值。另外，只有选中和未选中两种状态，所以不需要定义值，只定义一个属性名即可。回到编辑器，给第一个radio控件添加checked属性，然后给第一个multi-select控件添加checked属性。节省。返回浏览器并刷新。默认选择性别和HTML。点击其他控件，单选和多选功能依然有效。单选框和多选框说完了，我们自己实现吧。文章配套视频链接
