单选框与复选框
表单构成的基本元素
表单构成的基本元素表单是Web界面中常见的一种交互元素，通常用于收集用户输入的数据。
表单的基本元素包括输入框、下拉框、单选框、复选框、文本域和按钮等。
以下是对这些基本元素的详细描述和相关使用参考。
1. 输入框（Input Field）输入框是用户输入文本内容的常用元素，用于接受单行文本数据。
常见的输入框类型有文本框（text）、密码框（password）、邮箱框（email）、电话框（tel）等。
输入框可以设定最大长度（maxlength）、最小长度（minlength）、占位文本（placeholder）、默认值（value）等属性，用于控制用户输入的规则和提示。
使用参考：- 注册页面，包括输入用户名、密码等信息时使用文本框。
- 用于搜索的输入框，用户可以输入搜索关键词。
2. 下拉框（Select）下拉框用于提供一组选项供用户选择。
下拉框包括一个可展开和折叠的选项列表，用户可以通过点击下拉箭头展开或隐藏选项。
每个选项由一个文本和一个值（value）组成，用户选择后，该值会传递到服务器进行处理。
使用参考：- 国家、省市选择器，用于选择地区。
- 选择性别时使用单选框。
3. 单选框（Radio Button）单选框用于提供一组选项，但用户只能选择其中的一项。
每个单选框由一个文本和一个值组成，用户选择后，该值会传递到服务器进行处理。
与下拉框不同的是，单选框在页面中展示为圆形按钮。
使用参考：- 常见的性别选择，男、女、未透露。
- 在问卷调查中，提供多个单选题供用户选择。
4. 复选框（Checkbox）复选框用于提供多个选项，用户可以选择其中的一个或多个选项。
每个复选框由一个文本和一个值组成，用户选择后，所选的值会传递到服务器进行处理。
与单选框不同的是，复选框在页面中展示为方形按钮。
使用参考：- 用户注册页面，选择用户所关注的兴趣爱好。
- 在购物网站中，用户可以同时选择多个商品加入购物车。
5. 文本域（Textarea）文本域用于接受多行文本输入，与输入框不同的是，文本域可以容纳较多的文本内容。
[PyQt入门教程]PyQt5基本控件使用：单选按钮、复选框、下拉框、文本框
![[PyQt入门教程]PyQt5基本控件使用：单选按钮、复选框、下拉框、文本框](https://img.taocdn.com/s3/m/cf5ae0fd5ff7ba0d4a7302768e9951e79b89698a.png)
[PyQt⼊门教程]PyQt5基本控件使⽤：单选按钮、复选框、下拉框、⽂本框本⽂主要介绍PyQt5界⾯最基本使⽤的单选按钮、复选框、下拉框三种控件的使⽤⽅法进⾏介绍。
1、RadioButton单选按钮/CheckBox复选框。
需要知道如何判断单选按钮是否被选中。
2、ComboBox下拉框。
需要知道如何对下拉框中的取值进⾏设置以及代码实现中如何获取⽤户选中的值。
带着这些问题下⾯开始介绍这RadioButton单选按钮、CheckBox复选框、ComboBox下拉框三种基本控件的使⽤⽅法QRadioButton单选按钮单选按钮为⽤户提供多选⼀的选择，是⼀种开关按钮。
QRadioButton单选按钮是否选择状态通过isChecked()⽅法判断。
isChecked()⽅法返回值True表⽰选中，False表⽰未选中。
RadioButton⽰例完整代码如下：# -*- coding: utf-8 -*-import sysfrom PyQt5 import QtCore, QtGui, QtWidgetsfrom PyQt5.QtWidgets import QApplication, QMainWindow, QMessageBox, QRadioButtonclass Ui_Form(object):def setupUi(self, Form):Form.setObjectName("Form")Form.resize(309, 126)self.radioButton = QtWidgets.QRadioButton(Form)self.radioButton.setGeometry(QtCore.QRect(70, 40, 89, 16))self.radioButton.setObjectName("radioButton")self.okButton = QtWidgets.QPushButton(Form)self.okButton.setGeometry(QtCore.QRect(70, 70, 75, 23))self.okButton.setObjectName("okButton")self.retranslateUi(Form)QtCore.QMetaObject.connectSlotsByName(Form)def retranslateUi(self, Form):_translate = QtCore.QCoreApplication.translateForm.setWindowTitle(_translate("Form", "RadioButton单选按钮例⼦"))self.radioButton.setText(_translate("Form", "单选按钮"))self.okButton.setText(_translate("Form", "确定"))class MyMainForm(QMainWindow, Ui_Form):def__init__(self, parent=None):super(MyMainForm, self).__init__(parent)self.setupUi(self)self.okButton.clicked.connect(self.checkRadioButton)def checkRadioButton(self):if self.radioButton.isChecked():rmation(self,"消息框标题","我RadioButton按钮被选中啦！",QMessageBox.Yes | QMessageBox.No)if__name__ == "__main__":app = QApplication(sys.argv)myWin = MyMainForm()myWin.show()sys.exit(app.exec_())运⾏结果如下：关键代码介绍：self.radioButton.isChecked() --> ⽤于判断RadioButton控件是否被选中。
input标签方法
input标签方法一、介绍在网页开发中，input标签是常用的表单元素之一。
它用于创建可供用户输入数据的文本框、密码框、单选框、复选框等控件。
input标签有多种类型和属性，可以通过不同的方法来获取和处理用户输入的数据。
本文将详细介绍input标签的各种方法及其使用场景。
二、基本用法2.1 文本输入框<input type="text" id="username" name="username">上述代码创建了一个文本输入框，用户可以在其中输入文本。
通过设置type属性为”text”，可以指定输入框的类型为文本。
id用于标识该输入框，在JavaScript中可以通过id来获取输入框的值。
2.2 密码输入框<input type="password" id="password" name="password">上述代码创建了一个密码输入框，用户输入的文本将以掩码形式显示。
通过设置type属性为”password”，可以指定输入框的类型为密码。
2.3 单选按钮<input type="radio" id="male" name="gender" value="male"><label for="male">男</label><input type="radio" id="female" name="gender" value="female"><label for="female">女</label>上述代码创建了两个单选按钮，分别表示男性和女性。
vc复选框及相关控件使用
5．复选框单选框下面以一个具体的例子演示复选框和单选框的用法。
（1）利用应用程序向导新建一个基于对话框的程序Ex040105b。
（2）在对话框上加一个静态文本框和两个单选框，标题分别是“性别”、“男”、“女”，第一个单选框选中群组（Group）属性，按下Ctrl+T组合键测试一下，是否只能选“男”或“女”。
（3）利用类向导，为第一个单选框增加一个整型的成员变量m_iSex。
（4）增加1个静态文本框和3个复选框，标题分别是“个人爱好”、“中国象棋”、“上网聊天”和“电脑游戏”。
（5）双击“确定”按钮增加响应函数，具体代码如下：void CEx040105bDlg::OnOK(){CDialog::OnOK();CString strMess ;if(0 == m_iSex)strMess = "你是帅哥\n";else if(1 == m_iSex)strMess = "你是美女\n";elsestrMess = "性别未知\n";//复选框也可以关联变量，如果关联的变量值为true表示被选中，此处用另外一种方法。
strMess += "---------------\n你的受好\n";CButton * pBtn = NULL ;pBtn = (CButton * )GetDlgItem(IDC_CHECK1);if(NULL != pBtn && pBtn->GetCheck())strMess += "中国象棋\n";pBtn = (CButton * )GetDlgItem(IDC_CHECK2);if(NULL != pBtn && pBtn->GetCheck())strMess += "上网聊天\n";pBtn = (CButton * )GetDlgItem(IDC_CHECK3);if(NULL != pBtn && pBtn->GetCheck())strMess += "电脑游戏\n";AfxMessageBox(strMess);}（6）为了美观，可以加一个群组控件，并把对话框的标题改成“个人信息”，按Ctrl + F5组合键创建并运行Ex040105b.exe，效果如图4-9所示。
表单控件的使用
单选框控件的属性设置
name
用于标识单选框的名称，在提交表单时使用。
disabled
禁用单选框，用户无法选择该选项。
value
单选框的唯一标识符，当用户选择该选项并 提交表单时，该值会被发送到服务器。
checked
设置单选框为默认选中状态。
单选框控件的使用场景
调查问卷
在调查问卷中，可以使用 单选框让用户在一组选项 中选择一个答案。
表单控件的分类
总结词
表单控件可以根据其用途和功能进行分类。
详细描述
根据用途和功能，表单控件可以分为以下几类：输入框、选择器、开关、滑块、 上传控件等。每种类型的控件都有其特定的使用场景和功能特点，以满足用户的 不同需求。
表单控件的发展历程
总结词
表单控件的发展历程可以追溯到早期的Web开发。
详细描述
在早期的Web开发中，表单控件相对简单，主要用于简单的数据提交。随着Web技术的不断发展，表单控件的 功能和外观也日益丰富和多样化，支持更多的交互和定制化需求。如今，表单控件已经成为Web界面设计中不可 或缺的一部分，为提升用户体验和实现用户交互提供了强大的支持。
02
文本框控件
文本框控件的概述
文本框控件是一种常见的表单控件，用于获取用户输入的文本信息。 它通常用于表单中需要用户输入文本的场景，如填写姓名、地址、电话号码等。
复选框常用于多选调查问卷、表 单提交等场景，方便用户快速选
择多个选项。
复选框控件的属性设置
name
复选框的名称，用于标识该复选框的 唯一性。
value
复选框的值，当用户选中该复选框时， 该值会被提交给服务器。
disabled
是否禁用该复选框，禁用后的复选框 无法进行选择操作。
第6章 命令按钮复选框单选按钮和框架.ppt
接着编写第3个复选框的单击事件过程。
Private Sub chkSize_Click() If chkSize.Value = 1 Then txtPassage.FontSize = 16 Else txtPassage.FontSize = 8 End If End Sub
此外，人们还常常希望用按键盘上的Esc键来代替 单击“取消”按钮，这符合人们的操作习惯。 Visual Basic提供的Cancel属性可以用来指定一个 命令按钮为“取消”按钮， 在运行时可以用Esc键 代替单击该命令按钮。当Cancel属性值为True时， 该按钮被指定为“取消”按钮，当为False时，则 不是“取消”按钮，在运行中不能用Esc键代替单 击该命令按钮。在一个窗体中，只能有一个命令按 钮的Cancel属性值被设置为True。
命令按钮示例2
设计一个命令按钮，命名为cmdSize （窗体的MaxButton 和MinButton属性均设置为False） ： 1. 在窗口第一次显示时，按钮标题为“最大化(&L)” 。 2. 点击按钮后将窗口最大化，并且标题变成“还原(&B)”。 3. 再点击设置窗口还原，标题又恢复为“最大化(&L)” 。
Private Sub cmdSize_Click() If cmdSize.Caption = "最大化(&L)" Then Me.WindowState = 2 cmdSize.Caption = "还原(&B)" Else Me.WindowState = 0 cmdSize.Caption = "最大化(&L)" End If End Sub
单选框和复选框（radiobox、checkbox）
单选框和复选框（radiobox、checkbox）单选框和复选框（radiobox、checkbox）本篇主要介绍单选框和复选框的操作⼀、认识单选框和复选框1.先认清楚单选框和复选框长什么样2.各位⼩伙伴看清楚哦，上⾯的单选框是圆的；下图复选框是⽅的，这个是业界的标准，要是开发⼩伙伴把图标弄错了，可以先抽他了。
⼆、radio和checkbox源码1.上图的html源码如下，把下⾯这段复制下来，写到⽂本⾥，后缀改成.html就可以了。
<html><head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <title>单选和复选</title></head><body><h4>单选：性别</h4><form><label value="radio">男</label><input name="sex" value="male"id="boy" type="radio"><br><label value="radio1">⼥</label><input name="sex" value="female"id="girl" type="radio"></form><h4>微信公众号：从零开始学⾃动化测试</h4><form><!-- <labelfor="c1">checkbox1</label> --><input id="c1"type="checkbox">selenium<br><!-- <labelfor="c2">checkbox2</label> --><input id="c2"type="checkbox">python<br><!-- <labelfor="c3">checkbox3</label> --><input id="c3"type="checkbox">appium<br><!-- <form><input type="radio" name="sex" value="male"/> Male<br /><input type="radio" name="sex"value="female" /> Female</form> --></body></html>三、单选：radio1.⾸先是定位选择框的位置2.定位id，点击图标就可以了，代码如下（获取url地址⽅法：把上⾯源码粘贴到⽂本保存为.html后缀后⽤浏览器打开，在浏览器url地址栏复制出地址就可以了）3.先点击boy后，等⼗秒再点击girl，观察页⾯变化四、复选框：checkbox1.勾选单个框，⽐如勾选selenium这个，可以根据它的id=c1直接定位到点击就可以了。
VC++6.0中使用复选框和单选钮
VC++6.0中使用复选框和单选钮VC++6.0中使用复选框和单选钮单选钮用来表示一系列的互斥选项，这些互斥项常常被分成若干个组，每组仅允许用户选择一个选项；复选框与单选按钮相象，不同之处是复选框代表多重选择，用户可以选择一个或多个选项。
对话框编辑器中各组控件的对齐按下Ctrl键并单击要对齐的各个控件，同时选中。
最后选中的控件是对齐的基准，仔细观察，它周围的8个小方框是实心的，而其它被选控件周围的小方框是空心的。
在Layout菜单中选择Make Same Size的Both，可以统一控件尺寸，所选控件尺寸与基准控件相同。
在Layout菜单中选择Align的Left，可以使所有被选控件的左边与基准控件对齐。
选择Layout菜单中Align的Space Evenly的Down，可以使被选控件垂直间距相等。
单选按钮和复选框的使用为了方便说明，我们假定创建了基于对话框的MFC应用程序，工程名为RadioAndCheckButton。
对话框资源加入两个组框，第一个组框‘性别’，内有‘男’，‘女’两个单选钮；第二个组框是‘爱好’，内有‘足球’‘排球’‘蓝球’三个复选框，如下表：设置控件的Tab Order单击Layout菜单下的Tab Order命令，设置控件的TAB键顺序（Tab Order），保证单选钮的Tab Order连续。
以Tab Order为序，从Group属性为真的控件开始（包括该控件），到下一个Group属性为真的控件结束（不包括该控件），所有的这些控件将组成一个组。
对于单选钮，同一组内同时只能有一个处于被选中状态。
对于由资源编辑器生成的单选按钮控件，在默认情况由Windows自动处理同组控件之间的互斥关系。
具体使用单选钮和复选框1、调用 CButton的成员函数SetCheck设置单选钮和复选框的选中状态。
该成员函数带有一个类型为整形的参数，该参数为0表示清除选中按钮的选中状态，参数为1表示设置选中按钮的选中状态。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
– 一般用于单项选择 – 选中后不可取消
单选框RadioButton
• 常用属性
属性名称 android:checked android:text 设置选中状态 设置显示文本 说明
android:button
设置选择框图标
上机练习
• 通过RadioButton与RadioGroup实现一个简单 的评价功能，如图所示
– 默认选中”非常好 ” – 点击按钮显示选择的文本内容
复选框CheckBox
• 特点
– 一般用于多项选择 – 选中后可取消
复选框CheckBox
• 常用属性
属性名称 android:checked android:text 设置状态 设置显示文本 说明
android:button
设置选择框图标
单选框与复选框
本课目标
• 一、掌握复选框CheckBox的使用方法 • 二、掌握单选框RadioButton的使用方法 • 三、学会监听单选与复选框的相关事件
大多数应用都有“选择的权利”
单选RadioButton和多选CheckBox
RadioButton
CheckBox
控件学习三部曲
• 一、了解控件作用 • 二、熟悉控件属性以及方法 • 三、掌握如何监听相应事件
上机练习
• 使用CheckBox实现一个爱好问卷调查功能，如 图所示