【知识】【HTML基础知识】修改checkbox-----增加相关协议

要求三条协议默认全部选中，用户可以自由组合

<input type="checkbox" class="radio" name="agree" value="yes" checked="" />我同意<a href="${basePath}faq-detail-181" class="blue">《出售协议》</a> <input type="checkbox" class="radio" name="agreeRecordVideo" value="yes" checked="" />同意协议一<input type="checkbox" class="radio" name="agreeShout" value="yes" checked="" />同意协议二</p>

这里涉及到checkbox以及HTML标签及属性的基础知识，所以我们做重点说明。

以第一行代码为例

<input type="checkbox" class="radio" name="agree" value="yes" checked="" />我同意<a href="${basePath}faq-detail-181" class="blue">《出售协议》</a> 

type属性：

使用type="button"就是代表一个按钮 使用type="text" 就是一个文本框，type="radio" 单选框

class属性：

用来规定元素的类名。class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。

name和value属性：

即键值对。在Controller中可以根据name来get 它的value值，getParameter之类的。

checked属性：

checked 属性规定在页面加载时应该被预先选定的 input 元素。

checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。

checked等于的值表示预先选定的复选框或单选按钮。

checked="" 表示默认选中，如果不写checked属性，表示默认不选中。

关于checkbox：

 兴趣: <input name="habit" type="checkbox" value="1">音乐  <input name="habit" type="checkbox" value="2">动漫  <input name="habit" type="checkbox" value="3">电影

以此为例，我们可以看到，一个name可以有多个value。

这样在getParameter时，checkbox的作用才能够显现出来。所以才叫做----复选框！

<a href="${basePath}faq-detail-181" class="blue">《出售协议》</a> 

这行代码中，《出售协议》是超链接，指向另外的地方，但是${basePath}是哪里引过来的呢？

页面顶端有这样一行代码：

<%@ include file="../common/jstl.jsp" %>

引入了一个名为jstl的jsp，jstl.jsp内容如下：

<%@ page trimDirectiveWhitespaces="true" %><%@ page contentType="text/html; charset=UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%><%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%><%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%><%@ taglib prefix="funcs" uri="/WEB-INF/classes/funcs.tld"%><jsp:useBean id="now" class="java.util.Date" /> <c:set var="SITE_NAME" value="网站名字(www.xxx.com)" /><c:set var="basePath" value="http://localhost:8080/" /><c:set var="httpsBasePath" value="http://localhost:8080/" /><c:set var="noProtocolBasePath" value="//res.xxx.com/" />

我们可以看到，在该jsp中定义了basePath。所以以上超链接是拼出来的字符串。

这样做好处有二：

一则方便复用，二则方便修改。