复选框(Checkbox)是一种常用的用户界面元素,用于让用户从多个选项中选择一个或多个选项。复选框通常用于收集用户的选择偏好,比如选择兴趣爱好、同意服务条款等场景
复选框是通过标签加上type="checkbox"属性来创建的。每个复选框都有一个与之关联的名称(通过name属性),以及一个可选的值(通过value属性)。用户可以通过点击复选框来选中或取消选中它。
举个最简单的例子
<label>
<input type="checkbox" name="interest" value="music"> Music
</label>
<label>
<input type="checkbox" name="interest" value="movies"> Movies
</label>
<label>
<input type="checkbox" name="interest" value="books"> Books
</label>
效果如下
如果用户选中了"Music"和"Books"这两个复选框,服务器端将收到如下信息:
interest=music&interest=books