HTML-表單提交的細節
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表單的顯示</title>
</head>
<body>
<!--
form標簽是表單標簽
action屬性設定提交的服務器地址
method屬性設定提交的方式GET(默認值)或POST
表單提交的時候，資料沒有發送給服務器的三種情況：
1、表單項沒有name屬性值
2、單選、復選（下拉串列中的option標簽）都需要添加value屬性，以便發送給服務器
3、表單項不在提交的form標簽中
GET請求的特點是：
1、瀏覽器地址欄中的地址是：action屬性[+?+請求引數]
請求引數的格式是：name=value&name=value
2、不安全
3、它有資料長度的限制
POST請求的特點是：
1、瀏覽器地址欄中只有action屬性值
2、相對于GET請求要安全
3、理論上沒有資料長度的限制
-->
<form action="http://localhost:8080" method="post">
<input type="hidden" name="action" value="login" />
<h1 align="center">用戶注冊</h1>
<table align="center">
<tr>
<td> 用戶名稱：</td>
<td>
<input type="text" name="username" value="默認值"/>
</td>
</tr>
<tr>
<td> 用戶密碼：</td>
<td><input type="password" name="password" value="abc"/></td>
</tr>
<tr>
<td>性別：</td>
<td>
<input type="radio" name="sex" value="boy"/>男
<input type="radio" name="sex" checked="checked" value="girl" />女
</td>
</tr>
<tr>
<td> 興趣愛好：</td>
<td>
<input name="hobby" type="checkbox" checked="checked" value="java"/>Java
<input name="hobby" type="checkbox" value="js"/>JavaScript
<input name="hobby" type="checkbox" value="cpp"/>C++
</td>
</tr>
<tr>
<td>國籍：</td>
<td>
<select name="country">
<option value="none">--請選擇國籍--</option>
<option value="cn" selected="selected">中國</option>
<option value="usa">美國</option>
</select>
</td>
</tr>
<tr>
<td>自我評價：</td>
<td><textarea name="desc" rows="10" cols="20">我才是默認值</textarea></td>
</tr>
<tr>
<td><input type="reset" /></td>
<td align="center"><input type="submit"/></td>
</tr>
</table>
</form>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/232057.html
標籤：其他