⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 html.jsp

📁 Web开发的基本框架
💻 JSP
字号:
<%@ taglib uri="/tags/web-html" prefix="html" %>
<%@ taglib uri="/tags/web-loushang" prefix="loushang"%>
<%@ taglib uri="/tags/web-i18n" prefix="web"%>
<%@ page contentType="text/html;charset=GBK" %> 
<%@ page import="java.util.*"%>
<%@ page import="html.*"%>
<%@ page import="org.loushang.web.taglib.util.*"%>

<link rel="stylesheet" type="text/css" href="<loushang:ui css='css-xp1.css'/>">
<html:html>
<head>
<title>html组件</title>
<web:js src="loading.js"/>
<%
    Map map = new HashMap();
    map.put("id","2");
    map.put("name","web-html组件");
    map.put("code","Value 3");
    map.put("array",new String[]{"1","2"});
    request.setAttribute(Global.getString("html.data"), map);
    
    List array = new ArrayList(); 
    map = new HashMap();
    map.put("key","1");
    map.put("value","value1");
    array.add(map);
    map = new HashMap();
    map.put("key","2");
    map.put("value","value2");
    array.add(map);
    request.setAttribute("stateCollection",array);
%>
</head>
<BODY topmargin="50px" style="background-color:#FFFFFF;">

<table width="100%">
<tr>
<td><label class="title">普通html组件</label></td>
<% String file=request.getServletPath().substring(1);
   String app=request.getContextPath();
%>
<td><label class="title">url:<%=file%></label></td>
<td align="right" valign="bottom" nowrap>&nbsp;[<a href="<%=app%>/src.jsp?target=<%=file %>" target="source">源代码</a>]&nbsp;</td>
</tr>
</table>
<hr>
<div>
<html:form action="">
checkbox:<html:checkbox name="checkbox"  value="1" onchange="alert(this.value)" styleClass="advcheckbox">1</html:checkbox>
	<p>
	<!--单选框value属性值如果与通过上下文取到的值匹配,则选中-->
	radio:<html:radio name="radio" property="id" value="2" onclick="alert(this.value)">是</html:radio>
	      <html:radio name="radio" value="1" onchange="alert(this.value)">否</html:radio>
	<br>
	<!--复选框value属性值如果与通过上下文取到的值匹配,则选中-->
	checkbox:<html:checkbox name="checkbox"  value="1" onchange="alert(this.value)" styleClass="advcheckbox">1</html:checkbox>
	<html:checkbox name="checkbox" property="id"  value="2" onchange="alert(this.value)">2</html:checkbox>
	<br>
	multibox:<html:multibox name="checkbox"  property="array" value="1">1</html:multibox>
	<html:multibox name="checkbox" property="array"  value="2">2</html:multibox>
<br><br><br>
    <button onclick="loading.show(true,5);">Loading...组件</button>
    <html:loading id="loading"></html:loading>
	<p>
	text组件(不从bean取值):<html:text name="id" value=""></html:text>
	<br>
	text组件id(从bean取值):<html:text name="id" property="id"></html:text>
	<br>
	text组件name(从bean取值):<html:text name="name" property="name"></html:text>
	<br>
	password:<html:password name="password" property="name"/>
	<br>
	hidden:显示hidden内容(write="true"):<html:hidden name="hidden" property="id" write="true"/><br>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;不显示hidden内容:<html:hidden name="hidden" property="id" />  
	<br>
	file:<html:file name="theFile" value=""/>
	<br>
	textArea组件:<html:textarea name="id" value="textArea组件例子">				
	</html:textarea>
	<br>
	 ognl取值:<html:textarea name="textarea" property="$(name+name.substring(3))">
         </html:textarea>
	<br>
	label组件:<html:label name="state" property="id" collection="stateCollection" labelProperty="value" labelKey="key" />
	<br>
	label组件(隐藏):<html:label name="state1"  visible="false" property="id" collection="stateCollection" labelProperty="value" labelKey="key" />
	<br>
	radioGroup组件:<html:radioGroup name="radio" property="id" collection="stateCollection" labelProperty="value" labelKey="key"/>
	<br>
	checkboxGroup组件:<html:checkboxGroup name="checkbox" property="array" collection="stateCollection" labelProperty="value" labelKey="key"/>
	<p>
	multiLabel组件:<html:multiLabel name="multi" property="array" collection="stateCollection" labelProperty="value" labelKey="key" write="true" delimiter=","/>
	<br>
	button组件:<html:button name="id" value="按钮" onclick="alert('hello button')"></html:button>	
        <br>
	(提交)组件:<html:submit  name="submit" value="提交" onclick="alert('提交')"></html:submit>
	<br>
    	(重置)组件:<html:reset  name="reset" value="恢复" onclick="alert('恢复所有更改')"></html:reset>
    	<br>
	(取消)组件:<html:cancel name="cancel" value="取消" onclick="alert('取消更改')"></html:cancel> 

</html:form>
</div>
</body>
</html:html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -