引言
在 Web 开发中,choice、option 和 selection 是经常被提及的术语。
它们虽然都与“选择”相关,但在语义和使用场景上有所不同。
本文将简明扼要地解释三者的含义及其在 HTML 中的实际体现。
1. Choice(选择)
“Choice”是一个通用词汇,表示用户可以从多个项目中做出决定。
在 Web 表单中,它通常通过复选框(<input type="checkbox">)、
单选按钮(<input type="radio">)或下拉列表来实现。
<label><input type="radio" name="color" value="red"> 红色</label>
<label><input type="radio" name="color" value="blue"> 蓝色</label>
2. Option(选项)
“Option”特指在下拉列表(<select> 元素)中的每一个可选项,
由 <option> 标签定义。
<select name="fruit">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>
3. Selection(选中内容)
“Selection”通常指用户在页面上高亮选中的文本,或在表单控件中当前被选中的项。
在 JavaScript 中,可以通过 window.getSelection() 获取文本选区,
或通过 <select> 元素的 .value 属性获取用户的选择。
示例:点击按钮查看当前下拉框的选中值。
总结
- Choice:泛指用户可做的选择行为。
- Option:特指
<select>中的每个选项项。 - Selection:指用户当前实际选中的内容或值。
理解这些术语有助于编写更清晰、语义更准确的 HTML 和 JavaScript 代码。