复选框| 学习笔记

简介: 快速学习复选框。

开发者学堂课程【零基础学前端 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

相关文章
|
3月前
点击全选获取所有复选框
点击全选获取所有复选框
27 1
|
1月前
|
大数据 云计算
复选框
【10月更文挑战第1天】复选框。
29 2
|
3月前
|
JavaScript 前端开发
复选框的全选和取消
该博客文章提供了HTML和JavaScript代码实现复选框的全选和取消全选功能,并展示了测试结果的截图。
复选框的全选和取消
|
3月前
点击全选,使所有复选框被选中
点击全选,使所有复选框被选中
45 0
|
算法 前端开发
下拉选择框
下拉选择框
98 1
|
前端开发 C# 数据安全/隐私保护
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
ApeForms一款基于WinForm实现的开源免费商用的UI库,其中提供了一套便于用户交互的临时对话框组件(Dialog),可用于快速创建开发中常见的交互对话框,例如:消息框、提示框、输入框、单选框、多选框等。 ApeFree.ApeDialogs并不是一个包含Dialog实现的UI库,而是一套Dialog标准(提供了一套临时弹出对话框的实现标准)。 Dialog是界面开发过程中必不可少的组件,无论是桌面开发、Web前端开发、移动端开发,甚至命令行应用程序中的一次“Yes or No”的输入都可以看做是一次Dialog弹框。
547 0
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
|
XML Java API
按钮和复选框控件
按钮和复选框控件
88 0
|
JavaScript
freemaker页面复选框全选与反选
freemaker页面复选框全选与反选
复选框和单选按钮
复选框和单选按钮
146 0