技術標籤：htmljava

from表單

<form> 標籤用於為使用者輸入建立 HTML 表單。
主要功能是讓使用者進行資訊輸入，並將資料傳輸到後臺伺服器。

內容主要構成：

• input 輸入框
• textarea 多行文字域
• select 下拉框

注意點：form 元素是塊級元素，其前後會產生折行。

1. 常用屬性

以以下這段程式碼為例

<div class="load">
			<p>歡迎登陸系統</p>
			<form action="#" method="" align=
 
"center" class="loadF">

				<!-- label標籤和輸入框 -->
				<label for="username" class="lab">使用者名稱：</label><input type="rdt" id="username" name="uname" placeholder="請輸入手機號或郵箱"
				 class="inp"
 
><br>
				<label for="pwd" class="lab">密碼：</label><input type="password" id="pwd" name="password" class="inp" placeholder="請輸入密碼"> <br><br>

				<div style="margin: 5px 15px;">
 

					<input type="submit" value="登入">
					<input type="reset" value="重置">;
					<a href="註冊.html" target="_black" style="text-decoration: none;">註冊</a>
				</div>
			</form>
		</div>

1.1 action

action的值為URL地址，規定了當提交表單時向何處傳送表單資料，此處用#佔位符替代伺服器地址

1.2 method

method是用來指定資料傳送到伺服器的方式。有兩種屬性值：get和post，其中get是預設值。

• get方式提交的資料會在位址列中顯示出來，不安全。同時也是一種小資料的高速傳輸方式。
• post方式提交的資料不會顯示在位址列中。效率差但是可以提交大量的資料。

1.3 其他

• name 這個屬性指定表單的名稱
• tatget這個屬性指定輸入結果的顯示視窗，常用_blank（在新視窗中顯示），__top（在當前視窗顯示）

2. 提交和重置

<input type="submit" value="登入">
<input type="reset" value="重置">

這是使用input標籤中提供的type屬性中的reset和submit 值來完成的。

關於input中的經常使用的屬性：

• placeholder：規定幫助使用者填寫輸入欄位的提示

• type：規定 input 元素的型別。
  主要型別有checkbox、password、text、reset、submit、file 、hidden、image、radio、button。其中所有不在此範圍內的型別都會被視為text

• name：定義 input 元素的名稱。

• value：規定 input 元素的值。和value為一對，必須都存在才能提交