HTML网站制作表单复选框代码示例教程

HTML网站制作表达复选框代码示例教程

复选框(checkbox)

表单控件为用户提供了一种在表单中选择或取消选择某个条目的快捷方法。复选框也可以集中在一起而产生一组选择，用户可以选择或取消选择 组中的每一个选项。

通过把每个<input>标签中的type属性都设置为checkbox,就可以生成单独的复选框。其中要包括必需的n~和value属性。如果用户选择了某项，在提交表单时，它就要给出一个值。如果用户没有选择该项，该元素就不会给出任何值。如果用户没有用鼠标单击某个复选框取消选择，那么可选的checked属性(没有值)将告诉浏览器要显示一个选中状态的复选框，并且告诉浏览韶向服务器提交表单时要包含一个值。

在将表单提交给服务器时，浏览器会包含选中的复选框的值和其他表单参数的值。选中的复选框的这些值是你在必需的value属性中指定的文本字符串。

例如，在XHTML中:   <form>   你有什么宠物?
    <p>     <input type=“checkbox" name="pets" value="狗" />狗
    <br/>
    <input type="checkbox" checked="checked" name="gets" value="猫" />猫
    <br/>
    <input type="checkbox" name="pets” value="鸟" />鸟
    <br/>
    <input type=’checkbox" name=’pets’ value="鱼" />鱼
    </p> </form>

上述代码可以生成一个复选框组，如图：