复选框| 学习笔记

简介: 快速学习复选框。

开发者学堂课程【零基础学前端 HTML+CSS 复选框】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/398/detail/5120


复选框

 

内容介绍:

一、复选框

二、示例

 

一、复选框

name 属性:

指定复选框的名字,自行定义,用英文字母定义即可。

type 属性:

单选框的 type 固定为 checkbox

value 属性:

指定该选项的值

checked 属性:

该属性固定值为 checked,表示选中该选项

跟单选框属性一样,区别就是 TYPE 类型是 checkbox

 

二、示例

输入代码:

<tr>

<td>

选择城市: 北京<input name= “c1” type= “checkbox” value= “010”>上海<input name= “c2” type= “checkbox” value= “021”>

</td>

</tr>

显示如下可以多选

image.png此外还有一个属性是默认值,默认值属性是单选多选都有的属性。checked 是状态的一个属性,比如默认上海是选中的状态 

上海<input name= “c2” type= “checkbox” value= “021” checked>

显示如下图,上海就会被默认选中

image.png

相关文章
|
2月前
点击全选获取所有复选框
点击全选获取所有复选框
25 1
|
2月前
点击全选,使所有复选框被选中
点击全选,使所有复选框被选中
41 0
|
5月前
复选框
复选框。
26 1
|
5月前
《vue3实战》运用radio单选按钮或Checkbox复选框实现单选多选的试卷制作
《vue3实战》运用radio单选按钮或Checkbox复选框实现单选多选的试卷制作
|
11月前
layui的复选框怎么设置只能单选
layui的复选框怎么设置只能单选
|
算法 前端开发
下拉选择框
下拉选择框
95 1
|
前端开发 C# 数据安全/隐私保护
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
ApeForms一款基于WinForm实现的开源免费商用的UI库,其中提供了一套便于用户交互的临时对话框组件(Dialog),可用于快速创建开发中常见的交互对话框,例如:消息框、提示框、输入框、单选框、多选框等。 ApeFree.ApeDialogs并不是一个包含Dialog实现的UI库,而是一套Dialog标准(提供了一套临时弹出对话框的实现标准)。 Dialog是界面开发过程中必不可少的组件,无论是桌面开发、Web前端开发、移动端开发,甚至命令行应用程序中的一次“Yes or No”的输入都可以看做是一次Dialog弹框。
521 0
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
|
XML Java API
按钮和复选框控件
按钮和复选框控件
78 0
|
Windows
Qt之单选按钮和复选按钮(QRadioButton、QCheckBox)
Qt之单选按钮和复选按钮(QRadioButton、QCheckBox)
326 0
|
前端开发 开发者
单选| 学习笔记
快速学习单选。
单选| 学习笔记