常用标签(html+jstl+jsp)

Posted 2020-10-11

html:(form、input) (table、tr、td)  div (a、 img、span)  h1~h6 (select、option) (br、hr、center)  (link、meta、script)

form常用属性:action、method、enctype

action用来指定一个url,method一般使用post,比较安全,传输的内容比get大很多,enctype一般使用multipart/form-data,用来做文件上传功能

1 <form action="" method="get" enctype="application/x-www-form-urlencoded" ></form>

input常用属性:type、value、style,还有一些 鼠标点击事件的属性为列举!

type的属性值比较丰富，常用到的有text,password,reset,submit,button,image,file,hidden,

用来做提交功能一般建议用submit或者image，button也可以，但要结合js使用，hidden很有用，常做表单某一项的隐藏。file是结合文件上传使用的。

1 <input type="text" value="" style="" />    

table常用属性:border、cellpadding、cellspacing、align

1 <table border="" cellpadding="" cellspacing="" align="left" ></table>

 a常用属性:href target

1 <a href="" target=""></a>

 img常用属性:src alt

1 <img src="" alt="" />    

select常用属性:name、style

option常用属性:value、selected

1 <select name="" style="">
2       <option value="" selected="selected"></option>
3 </select>    

link常用属性:rel、type、href

1 <link rel="stylesheet" type="text/css" href=""/>

meta常用属性:http-equiv、content

1   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

script常用属性:type、language、src

1 <script type="" language="" src=""></script>

jstl:

jstl1.1版本开始支持EL表达式。EL 表达式必须以“${XXX}”来表示，其中“XXX”部分就是具体表达式的内容 

使用jstl标签需要引入两个jar包:jstl.jar和standard.jar

然后在jsp页面引入声明:<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<c:if>标签用于简单的条件语句 ,test是条件判断的内容,需要结合EL表达式进行操作。

1 <c:if test=""></c:if>

<c:forEach>为循环控制标签 ,items需要通过EL表达式获得

1 <c:forEach items="" var=""></c:forEach>

jsp:

 <jsp:forward>用作页面跳转用，常用在index.jsp中。

1  <jsp:forward page="url"></jsp:forward>

<jsp:include>用来包含另一个.jsp文件，可以包含静态文本和动态代码。

1 <jsp:include page="url"></jsp:include>

小案例:

1    <select name="getter.id" style="width: 150px">  
2       <c:forEach items="${allEmployee }" var="allEmp">  
3            <c:if test="${allEmp.id!=emp.id }">      
4                <option value="${allEmp.id }">${allEmp.name }</option>
5             </c:if> 
6       </c:forEach> 
7    </select>

1 <form action="????url" method="post" enctype="multipart/form-data">
2             <input type="hidden" name="id" value="${emp.id }">
3             <input type="file" name="upload"/> <input type="submit"/>
4   </form>