涓巉orm鐩稿叧鐨勬爣絳懼寘鎷?lt;form>鏍囩鏈韓浠ュ強鎵鏈夊繀欏誨寘鍚湪鍏朵腑鐨勬爣絳俱傛瘮濡傦紝<text>鍜?lt;password>鏍囩灝辨槸鍜宖orm鐩稿叧鐨勬爣絳撅紝鍥犱負濡傛灉涓嶆妸瀹冧滑鏀懼埌涓涓猣orm涓畠浠氨娌℃湁鎰忎箟銆?/P>
<form>鏍囩
<form>鏍囩鐢ㄤ簬鐢熸垚涓涓狧TML form銆備嬌鐢ㄨ鏍囩鏃跺繀欏婚伒寰澶氳鍒欍?/P>
棣栧厛錛?lt;form>鏍囩涓繀欏誨寘鍚竴涓猘ction灞炴э紝瀹冩槸榪欎釜鏍囩涓敮涓蹇呴渶鐨勫睘鎬с傚鏋滀笉鍏峰璇ュ睘鎬у垯JSP欏甸潰浼氭姏鍑轟竴涓紓甯搞備箣鍚庝綘蹇呴』緇欒繖涓猘ction灞炴ф寚瀹氫竴涓湁鏁堝箋備竴涓湁鏁堝兼槸鎸囧簲鐢ㄧ▼搴忕殑Struts閰嶇疆鏂囦歡涓?lt;action-mappings>鍏冪礌閲岀殑浠諱綍涓涓?lt;action>瀛愬厓绱犵殑璁塊棶璺緞銆傝屼笖鐩稿簲鐨?lt;action>鍏冪礌涓繀欏繪湁涓涓猲ame灞炴э紝瀹冪殑鍊兼槸form bean鐨勫悕縐般?/P>
渚嬪錛屽鏋滀綘鏈夎繖鏍蜂竴涓?lt;form>鏍囩錛?nbsp; <html:form action="/login" >
閭d箞浣犵殑Struts閰嶇疆鏂囦歡鐨?lt;action-mappings>鍏冪礌涓繀欏繪湁涓涓涓嬫樉紺轟負綺椾綋鐨?lt;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>
榪欏氨鏄涓涓猣orm鏍囩鏄拰form bean鐩稿叧鑱旂殑銆?/P>
鍙︿竴涓閬靛驚鐨勮鍒欐槸錛氫換浣曞寘鍚湪<form>涓敤鏉ユ帴鏀剁敤鎴瘋緭鍏ョ殑鏍囩錛?lt;text>銆?lt;password>銆?lt;hidden>銆?lt;textarea>銆?lt;radio>銆?lt;checkbox>銆?lt;select>錛夊繀欏誨湪鐩稿叧鐨刦orm bean涓湁涓涓寚瀹氱殑灞炴у箋傛瘮濡傦紝濡傛灉浣犳湁涓涓睘鎬у艱鎸囧畾涓衡渦sername鈥濈殑<text>鏍囩錛岄偅涔堢浉鍏崇殑form bean涓篃蹇呴』鏈変竴涓悕涓衡渦sername鈥濈殑灞炴с傝緭鍏?lt;text>鏍囩涓殑鍊間細琚敤浜庣敓鎴恌orm bean鐨剈serName灞炴с?/P>
闄や簡涓婇潰鎵璁茬殑灞炴т箣澶栵紝<form>鏍囩榪樻湁涓浜涗笉鏄繀欏諱絾鍔犱笂鏇村ソ鐨勨滄瑕佲濈殑灞炴с傛瘮濡傦紝浣犲彲浠ョ敤focus灞炴ф潵鐢熸垚JavaScript錛屽畠浼氣滃畾鐒︹濓紙focus錛夊埌璇orm鎵鍖呭惈鐨勪竴涓厓绱犱笂銆備嬌鐢╢ocus灞炴ф椂浣犻渶瑕佺粰瀹冩寚瀹氬厓绱犵殑鍚嶇О銆傛瘮濡傦紝浠ヤ笅浠g爜鏄畾鐒﹀湪絎簩涓猅ext鍏冪礌涓婄殑錛?<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>
璇ユ浠g爜浼氳杞崲鎴愶細
<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>
娉ㄦ剰錛?lt;form>鏍囩涓璵ethod灞炴х殑緙虹渷鍊兼槸POST銆傚彟澶栵紝鏈夋病鏈夌湅鍒拌繖涓爣絳懼簱鏄浣曞緩绔婮avaScript鏉ュ畾鐒﹀埌password鍏冪礌涓婄殑? 榪欎篃鏄搴撹浜虹潃榪風殑鍦版柟涔嬩竴銆備綘涓嶇敤鎷呭績濡備綍鍦ㄥ鎴風榪涜緙栫▼錛屽畠浼氬府浣犺嚜鍔ㄧ敓鎴愩?/P>
鍦ㄨ繍琛屽墠闈㈢殑渚嬪瓙鏃惰繕瑕佹敞鎰忥紝浣犲繀欏繪湁涓涓寘鍚玼serName鍜宲assword灞炴х殑鐩稿叧form銆備綘鍙互鍙傝冩湰鏂囩涓夐儴鍒嗕腑鐨凩ogin紼嬪簭銆?/P>
<text>鏍囩
<text>鏍囩鐢ㄤ簬鐢熸垚涓涓枃鏈殑杈撳叆鍖哄煙銆傚畠蹇呴』鍖呭惈鍜岀浉鍏砯orm bean涓殑鐩稿悓灞炴у搴旂殑鈥減roperty鈥濆睘鎬с傝鏍囩鍙湁鍦ㄥ祵鍏ュ埌涓涓?lt;form>鏍囩涓椂鎵嶆湁鏁堛?BR>渚嬪錛?<html:text property="userName"/>
浼氳杞崲鎴愶細 <input type="text" name="userName" value="">
<password>鏍囩
<password>鏍囩鐢ㄤ簬鐢熸垚涓涓彛浠ゅ瓧錛坱ype password錛夌殑杈撳叆鍖哄煙銆傚畠蹇呴』鍖呭惈鍜岀浉鍏砯orm bean涓殑鐩稿悓灞炴у搴旂殑鈥減roperty鈥濆睘鎬с傝鏍囩鍙湁鍦ㄥ祵鍏ュ埌涓涓?lt;form>鏍囩涓椂鎵嶆湁鏁堛傝鏍囩涓殑涓涓緢閲嶈鐨勫睘鎬ф槸鈥渞edisplay鈥濓紝瀹冪敤浜庨噸鏂版樉紺轟互鍓嶈緭鍏ュ埌榪欎釜鍖哄煙涓殑鍊箋傝灞炴х殑緙虹渷鍊間負true銆傜劧鑰岋紝涓轟簡浣縫assword涓嶈兘琚噸鏂版樉紺猴紝浣犳垨璁稿笇鏈涘皢璇ュ睘鎬х殑鍊艱涓篺alse銆?BR>渚嬪錛?<html:password property="password" redisplay="false"/>
浼氳杞崲鎴? <input type="password" name="password" value="">
<hidden>鏍囩
<hidden>鏍囩鐢ㄤ簬鐢熸垚涓涓殣钘忔枃鏈殑杈撳叆鍖哄煙銆傚畠蹇呴』鍖呭惈鍜岀浉鍏砯orm bean涓殑鐩稿悓灞炴у搴旂殑鈥減roperty鈥濆睘鎬с傝鏍囩鍙湁鍦ㄥ祵鍏ュ埌涓涓?lt;form>鏍囩涓椂鎵嶆湁鏁堬細
渚嬪錛?<html:hidden property="userName"/>
浼氳杞崲鎴? <input type="hidden" name="userName" value="">
<textarea>鏍囩
<textarea>鏍囩鐢ㄤ簬鐢熸垚涓涓枃鏈尯鍏冪礌錛坱ext area element錛夈傚畠蹇呴』鍖呭惈鍜岀浉鍏砯orm bean涓殑鐩稿悓灞炴у搴旂殑鈥減roperty鈥濆睘鎬с?/P>
姣斿錛?BR><html:textarea property="details" cols="80" rows="20" value="Enter details here"/>
浼氳杞崲鎴愶細
<textarea name="details" cols="80" rows="20">Enter details here</textarea>
<radio>鏍囩
<radio>鏍囩鐢ㄤ簬鏄劇ず涓涓崟閫夋寜閽紙radio button錛夈傚畠蹇呴』鍖呭惈鈥渧alue鈥濆睘鎬с傛瘮濡傝繖孌典唬鐮侊細 <html:radio property="title" value="1"/>Mr.
<html:radio property="title" value="2"/>Ms.
<html:radio property="title" value="3"/>Dr.
浼氳杞崲鎴愯繖鏍風殑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>鏍囩
<checkbox>鏍囩鐢ㄤ簬鏄劇ずcheckbox綾誨瀷鐨勮緭鍏ュ尯鍩熴傛瘮濡傦細
<html:checkbox property="notify"/>Please send me notification
浼氳杞崲鎴愶細
<input type="checkbox" name="notify" value="on">Please send me notification
<submit>鏍囩
<submit>鏍囩鐢ㄤ簬鐢熸垚鎻愪氦綾誨瀷錛坱ype submit錛夌殑杈撳叆鍖哄煙銆?BR>姣斿錛?<html:submit value="Login"/>
浼氳杞崲鎴愶細 <input type="submit" value="Login">
<reset>鏍囩
<reset>鏍囩鐢ㄤ簬鐢熸垚閲嶇疆綾誨瀷錛坱ype reset錛夌殑杈撳叆鍖哄煙銆傛瘮濡傦細
<html:reset/>
浼氳杞崲鎴愶細 <input type="reset" value="Reset">
<option>鏍囩
<option>鏍囩鐢ㄤ簬鏄劇ずselect box涓殑涓涓夐」銆傚弬鐓т笅闈㈢殑<select>鏍囩銆?/P>
<select>鏍囩
<select>鏍囩鐢ㄤ簬鏄劇ず涓涓寘鍚浂涓垨鏇村閫夐」鐨凥TML閫夋嫨鍏冪礌銆傚畠蹇呴』琚祵鍏ヤ竴涓?lt;form>鏍囩涓墠鏈夋晥銆備笅闈㈣繖涓緥瀛愬皢璇存槑濡備綍浣跨敤璇ユ爣絳撅細 <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>
浼氳杞崲鎴愶細
<select name="color" size="3"><option
value="r">red</option>
<option value="g">green</option>
<option value="b">blue</option>
</select>