ITEEDU

Struts Gossip: 其它 Html 标签参考

<html:html>

用于产生HTML <html>卷标,如果locale属性设定为true,而session中有Locale对象的话,则会写出其区域讯息。

使用范例:
<html:html locale="true">
....
</html:html>

<html:base>

产生一个HTML <base>标签,根据所在页面的URL为基底,当页面中有相对的URL指定时,是以<base>卷标为参考,这个标签必须位于 <head>与</head>之间,例如:
 .... 
<html> 
<head> 
    <html:base/> 
</head> 
..... 
</html>

<html:link>

设定超级链接,常用属性如下:
  • href: 绝对超级链接URL
  • forward: 指定forward的目标
  • page: 使用相对于Context的路径来指定连结
  • anchor: 书签锚点,例如#abc,不过使用这个标签时不用加#

使用范例:
 <html:link href="http://www.caterpillar.onlyfun.net/"/>

<html:img>

显示图片,常用属性如下:
  • src: 图片URL
  • page: 图片相对于Context的路径
  • alt: 替代文字
  • align: 文绕图设定
  • border: 框线宽度
  • height: 图片高度
  • width: 图片宽度
  • hspace: 图片与文字的横向间距
  • vspace: 图片与文字的垂直间距
使用范例:
 <html:img page="/images/wiki.jpg" alt="caterpillar"/>

<html:button>

产生HTML按钮,常用属性介绍如下:
  • property: 元素名称
  • value: 按钮显示名称
  • title: 按钮提示文字
  • onclick: 按下后呼叫的JavaScript程序

使用例子如下:
<html:button property="button1" value="按我"
        onclick="alert('Hello!World!')" title="Hello!World!"/>

<html:cancel>

其实就是submit按钮,用法与 <html:submit> 类似,不过按下它后,不会执行 ActionForm 的validate()方法。

<html:hidden/>

窗体的中隐藏字段,搭配 <html:form> 使用,使用范例如下:
 <html:form action="/login" focus="name"> 
<html:hidden property="hid" value="1234"/> 
    .... 
<html:submit/> <html:reset/> 
</html:form> 

<html:textarea>

窗体文字区域,搭配<html:form>使用,常用属性如下:
  • property: 元素名称
  • cols: 横向字数
  • rows: 纵向行数
  • value: 显示的初始文字

使用范例:
 <html:textarea property="message" 
        value="在此留言" cols="50" rows="5"/> 

<html:file>

显示一个上传档案的字段,搭配<html:form>使用,例如我们可以将 档案上传 中的静态窗体改为JSP动态窗体,并使用<html:file>:
 <html:form name="uploadForm" 
        enctype="multipart/form-data" 
        method="post" action="/strutsapp/upload.do">
    <html:file property="file"/><br>
    <html:submit value="上传"/>
</html:form>

<html:radio>

显示单选钮,搭配<html:form>使用,使用范例如下:
<html:radio property="sex" value="man"/>男 
<html:radio property="sex" value="woman"/>女

<html:checkbox>

显示复选框,搭配<html:form>使用,使用范例如下:
 <html:checkbox property="lang[0]" 
        value="Java">Java</html:checkbox> 
<html:checkbox property="lang[1]" 
        value="C#">C#</html:checkbox> 

<html:multibox>

建立复选框的另一个方法:
 <html:multibox property="lang" 
        value="Java">Java</html:multibox> 
<html:multibox property="lang" 
        value="C#">C#</html:multibox> 

<html:select>、<html:option>

建立下拉选单,搭配<html:form>使用,使用范例如下:
 <html:select property="lang" value="Java"> 
    <html:option value="Java">Java</html:option> 
    <html:option value="C#">C#</html:option> 
</html:select>

<html:image>

建立图片按钮,常用属性如下:
  • property: 元素名称
  • src: 图片URL
  • value: 按下图片时送出的值
  • border: 框线宽度
  • onclick: 按下时图片时呼叫的JavaScript
使用范例:
 <html:image property="push" src="push.jpg" 
        onclick="alter("send")"/>