JSP表单输入控件

JSP表单输入控件 由David发表在天码营

表单控件

在之前的学习中，我们已经了解如何使用表单作为用户输入界面。最基本的两种表单组件是<input>和<textarea>，都可以输入任意文本。但是只有文本输入的交互显然是不够的，当用户输入的值属于某一个固定集合，例如：

1. 用户性别：从{“男”，“女”，”保密”}中三选一（必选且只能选一个）
2. 调查类选项：从{"Java", "C", "Python"}中选择任意项（也可以不选）作为自己擅长的编程语言

为了满足这一类选择输入场景，HTML提供了几种不同类型的输入控件：

单选按钮（Radio Buttons）

当用户从若干给定的的选择中选取其一时，就会用到单选框。用户性别可以这样实现：

<form>
  <div class="radio">
    <label>
      <input type="radio" name="gender" value="male" checked> 男
    </label>
  </div>
  <div class="radio">
    <label>
      <input type="radio" name="gender" value="female" checked> 女
    </label>
  </div>
</form>

效果如下所示：