學(xué)習(xí)Struts提供的和Form相關(guān)的標(biāo)簽 |
luckEva 轉(zhuǎn)貼 (參與分:10924,專家分:745) 發(fā)表:2006-01-12 16:43 版本:1.0 閱讀:995次 |
在本文系列的第一部分中我講述了如何使用Struts提供的HTML標(biāo)簽庫來配置一個(gè)Struts應(yīng)用程序。我還介紹了該標(biāo)簽庫中的一類標(biāo)簽:獨(dú)立使用的標(biāo)簽。在第二部分中我將繼續(xù)介紹第二類標(biāo)簽:與form相關(guān)的標(biāo)簽。
與form相關(guān)的標(biāo)簽包括<form>標(biāo)簽本身以及所有必須包含在其中的標(biāo)簽。比如,<text>和<password>標(biāo)簽就是和form相關(guān)的標(biāo)簽,因?yàn)槿绻话阉鼈兎诺揭粋€(gè)form中它們就沒有意義。
<form>標(biāo)簽
<form>標(biāo)簽用于生成一個(gè)HTML form。使用該標(biāo)簽時(shí)必須遵循許多規(guī)則。
首先,<form>標(biāo)簽中必須包含一個(gè)action屬性,它是這個(gè)標(biāo)簽中唯一必需的屬性。如果不具備該屬性則JSP頁面會(huì)拋出一個(gè)異常。之后你必須給這個(gè)action屬性指定一個(gè)有效值。一個(gè)有效值是指應(yīng)用程序的Struts配置文件中<action-mappings>元素里的任何一個(gè)<action>子元素的訪問路徑。而且相應(yīng)的<action>元素中必須有一個(gè)name屬性,它的值是form bean的名稱。
例如,如果你有這樣一個(gè)<form>標(biāo)簽: <html:form action="/login" >
那么你的Struts配置文件的<action-mappings>元素中必須有一個(gè)如下顯示為粗體的<action>元素:
<action-mappings>
<action path="/login"
type="com.javapro.struts.LoginAction"
name="loginForm"
scope="request"
input="/login.jsp">
<forward name="success" path="/mainMenu.jsp"/>
</action>
.
.
.
</action-mappings>
這就是說一個(gè)form標(biāo)簽是和form bean相關(guān)聯(lián)的。
另一個(gè)要遵循的規(guī)則是:任何包含在<form>中用來接收用戶輸入的標(biāo)簽(<text>、<password>、<hidden>、<textarea>、<radio>、<checkbox>、<select>)必須在相關(guān)的form bean中有一個(gè)指定的屬性值。比如,如果你有一個(gè)屬性值被指定為“username”的<text>標(biāo)簽,那么相關(guān)的form bean中也必須有一個(gè)名為“username”的屬性。輸入<text>標(biāo)簽中的值會(huì)被用于生成form bean的userName屬性。
除了上面所講的屬性之外,<form>標(biāo)簽還有一些不是必須但加上更好的“次要”的屬性。比如,你可以用focus屬性來生成JavaScript,它會(huì)“定焦”(focus)到該form所包含的一個(gè)元素上。使用focus屬性時(shí)你需要給它指定元素的名稱。比如,以下代碼是定焦在第二個(gè)Text元素上的:<body>
<html:form action="/login" focus="password">
User Name: <html:text property="userName"/>
<br>Password: <html:text property="password"/>
<br><html:submit/>
</html:form>
</body>
該段代碼會(huì)被轉(zhuǎn)換成:<body>
<form name="loginForm" method="post"
action="/myStrutsApp6/login.do">
User Name: <input type="text" name="userName"
value="">
<br>Password: <input type="text"
name="password" value="">
<br><input type="submit"
value="Submit">
</form>
<script language="JavaScript"
type="text/javascript">
<!--
if (document.forms["loginForm"].elements[
"password"].type != "hidden")
document.forms["loginForm"].elements[
"password"].focus()
// -->
</script>
</body>
注意,<form>標(biāo)簽中method屬性的缺省值是POST。另外,有沒有看到這個(gè)標(biāo)簽庫是如何建立JavaScript來定焦到password元素上的? 這也是該庫讓人著迷的地方之一。你不用擔(dān)心如何在客戶端進(jìn)行編程,它會(huì)幫你自動(dòng)生成。
在運(yùn)行前面的例子時(shí)還要注意,你必須有一個(gè)包含userName和password屬性的相關(guān)form。你可以參考本文第三部分中的Login程序。
<text>標(biāo)簽
<text>標(biāo)簽用于生成一個(gè)文本的輸入?yún)^(qū)域。它必須包含和相關(guān)form bean中的相同屬性對(duì)應(yīng)的“property”屬性。該標(biāo)簽只有在嵌入到一個(gè)<form>標(biāo)簽中時(shí)才有效。
例如:<html:text property="userName"/>
會(huì)被轉(zhuǎn)換成:<input type="text" name="userName" value="">
<password>標(biāo)簽
<password>標(biāo)簽用于生成一個(gè)口令字(type password)的輸入?yún)^(qū)域。它必須包含和相關(guān)form bean中的相同屬性對(duì)應(yīng)的“property”屬性。該標(biāo)簽只有在嵌入到一個(gè)<form>標(biāo)簽中時(shí)才有效。該標(biāo)簽中的一個(gè)很重要的屬性是“redisplay”,它用于重新顯示以前輸入到這個(gè)區(qū)域中的值。該屬性的缺省值為true。然而,為了使password不能被重新顯示,你或許希望將該屬性的值設(shè)為false。
例如:<html:password property="password"
redisplay="false"/>
會(huì)被轉(zhuǎn)換成:<input type="password" name="password"
value="">
<hidden>標(biāo)簽
<hidden>標(biāo)簽用于生成一個(gè)隱藏文本的輸入?yún)^(qū)域。它必須包含和相關(guān)form bean中的相同屬性對(duì)應(yīng)的“property”屬性。該標(biāo)簽只有在嵌入到一個(gè)<form>標(biāo)簽中時(shí)才有效:
例如:<html:hidden property="userName"/>
會(huì)被轉(zhuǎn)換成:<input type="hidden" name="userName" value="">
<textarea>標(biāo)簽
<textarea>標(biāo)簽用于生成一個(gè)文本區(qū)元素(text area element)。它必須包含和相關(guān)form bean中的相同屬性對(duì)應(yīng)的“property”屬性。
比如:<html:textarea property="details"
cols="80"
rows="20"
value="Enter details here"/>
會(huì)被轉(zhuǎn)換成:<textarea name="details" cols="80"
rows="20">Enter details here</textarea>
<radio>標(biāo)簽
<radio>標(biāo)簽用于顯示一個(gè)單選按鈕(radio button)。它必須包含“value”屬性。比如這段代碼:<html:radio property="title" value="1"/>Mr.
<html:radio property="title" value="2"/>Ms.
<html:radio property="title" value="3"/>Dr.
會(huì)被轉(zhuǎn)換成這樣的HTML:<input type="radio" name="title"
value="1">Mr.
<input type="radio" name="title"
value="2">Ms.
<input type="radio" name="title"
value="3">Dr.
<checkbox>標(biāo)簽
<checkbox>標(biāo)簽用于顯示checkbox類型的輸入?yún)^(qū)域。比如:<html:checkbox property=
"notify"/>Please send me notification
會(huì)被轉(zhuǎn)換成:<input type="checkbox" name="notify"
value="on">Please send me notification
<submit>標(biāo)簽
<submit>標(biāo)簽用于生成提交類型(type submit)的輸入?yún)^(qū)域。比如: <html:submit value="Login"/>
會(huì)被轉(zhuǎn)換成:<input type="submit" value="Login">
<reset>標(biāo)簽
<reset>標(biāo)簽用于生成重置類型(type reset)的輸入?yún)^(qū)域。比如:<html:reset/>
會(huì)被轉(zhuǎn)換成:<input type="reset" value="Reset">
<option>標(biāo)簽
<option>標(biāo)簽用于顯示select box中的一個(gè)選項(xiàng)。參照下面的<select>標(biāo)簽。
<select>標(biāo)簽
<select>標(biāo)簽用于顯示一個(gè)包含零個(gè)或更多選項(xiàng)的HTML選擇元素。它必須被嵌入一個(gè)<form>標(biāo)簽中才有效。下面這個(gè)例子將說明如何使用該標(biāo)簽: <html:select property="color" size="3">
<html:option value=
"r">red</html:option>
<html:option value=
"g">green</html:option>
<html:option value=
"b">blue</html:option>
</html:select>
會(huì)被轉(zhuǎn)換成:<select name="color" size="3"><option
value="r">red</option>
<option value="g">green</option>
<option value="b">blue</option>
</select>
在本文系列的第二部分,你學(xué)到了一些更重要的和form相關(guān)的標(biāo)簽。在使用這些標(biāo)簽之前,你必須依照一些規(guī)則以便正確地運(yùn)用它們。第三部分將講述如何在真正的程序中使用這些標(biāo)簽。