Servlet處理表單數據

HTML表單:

·客戶通過瀏覽器可以發送給Web服務器的請求一共有7種:POST、GET、PUT、DELETE、OPTIONS、HEAD和TRACE。

·我們最關注的:POST和GET這兩種請求。

 

·POST請求是通過HTML表單(Form)進行發送的,表單中包括了不同類型的輸入組件:

 input text/input password/input radio/input checkbox/Select 單選/多選/Textarea/Submit按鈕/Reset按鈕

 

 

Form表單標記:

<form method="post" action="/servlet/addMessage">

</form>

 

Input text標記:

<form method="post" action="/servlet/login">

用戶名:

<input type="text" name="username" size="16" maxlength="8" value="wang">

</form>

 

Input password組件:

<form method="post" action="/servlet/login">

密碼:

<input type="password" name="password" size="10" maxlength="8">

</form>

 

 

Input radion組件

<form method="post" action="/servlet/login">

請選擇性別:

<input name="gender" type="radion" value="male" checked>男

<input name="gender" type="radion" value="female" >女

</form>

 

 

Input checkbox組件:

<form method="post" action="/servlet/login">

情趣:

<input name="interest" type="checkbox" value="看電影">電影

<input name="interest" type="checkbox" value="看小說">小說

<input name="interest" type="checkbox" value="看電視">電視

<input name="interest" type="checkbox" value="逛街">逛街

<input name="interest" type="checkbox" value="美食">美食

</form>

 

Select單選:

<form method="post" action="/servlet/login">

請選擇出生地:

<select name="city">

<option value="BJ" >北京</option>

<option value="TJ" >天津</option>

<option value="DL">大連</option>

<option value="NN" selected>南寧</option>

</select>

</form>

 

Select多選:

<form method="post" action="/servlet/login">

請選擇興趣:

<select name="interest" multiple  size="5">---一次能顯示5個選項

<option value="movie">看電影</option>

<option value="music">聽音樂</option>

<option value="tv">看電視</option>

</select>

</form>

 

Textarea組件:

<form method="post" action="/servlet/guestbook">

留言內容:

<textarea name="comment" rows="10" cols="40">大家好</textarea>

</form>

 

Submit按鈕:

<form method="post" action="/servlet/login">

<input type="submit" name="submit" value="確定">

</form>

 

Reset按鈕:

<form method="post" action="/servlet/login">

用戶名:

<input name="username" size="19" maxlength="16">

<input type="reset" value="重置">

</form>

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章