利用单选按钮实现一个单项选择题和一个多项选择题,如图单选题为单选按钮的实验样例
时间: 2024-09-25 08:18:15 浏览: 79
在网页或者Android/iOS应用中,利用单选按钮可以创建一个简单的单选或多选题目形式。以下是基本步骤:
**单选题实现:**
1. **HTML结构:** 创建一个`<form>`标签,包含若干个`<input type="radio">`元素,每对选项分别用`name`属性标记为相同的值(例如:"question1"),对应每个答案就是`value`属性的值。
```html
<form>
<label for="option1">
<input type="radio" id="option1" name="question1" value="a">
选项A
</label>
<br>
<label for="option2">
<input type="radio" id="option2" name="question1" value="b">
选项B
</label>
</form>
```
**多项选择题实现:**
对于多项选择题,可以用复选框`<input type="checkbox">`代替单选,同样设置`name`属性保持一致,`value`属性用于标识选项。
```html
<form>
<label for="choice1">
<input type="checkbox" id="choice1" name="question1" value="c">
选项C
</label>
<br>
<label for="choice2">
<input type="checkbox" id="choice2" name="question1" value="d">
选项D
</label>
</form>
```
用户只能选择其中一个或多个选项,提交表单时通过后端服务器获取到选中的`name`和对应的`value`。
阅读全文