<html>
<head>
<title>form標籤學習</title>
<meta charset="utf-8"/>
</head>
<body>
<!--
form表單標籤學習:
做用:收集並提交用戶數據給指定的服務器
屬性:
action:收集的數據提交地址也就是URL
method:收集的數據的提交方式
get:適合小量數據,表單數據以?隔開拼接在URL後面,不一樣的鍵值對使用&符號隔開,不安全。
post:適合大量數據,安全,隱式提交。
注意1:form標籤會收集其標籤內部的數據。
注意2:
表單數據提交,要提交的表單項必須擁有name屬性值,不然不會提交。
而且提交的表單項數據爲鍵值對,鍵爲name屬性的值,值爲用戶書寫的數據
注意3:form表單的數據提交須要依賴於submit提交按鈕。
form表單域標籤:
做用:給用戶提供進行書寫或者選擇的標籤。
使用:
文本框:
input
type:
text:收集少許的文本數據,用戶可見 。
password:收集用戶密碼數據
name:數據提交的鍵,也會被js使用
value:默認值
單選框:
input
type:
radio
name:name屬性值相同的單選框只能選擇一項數據
value:是要提交的數據
checked:checked使用此屬性的單選默認是選擇狀態
form表單標籤的使用:
在點擊數據提交時,form標籤會將其內部全部form表單域標籤中用戶書寫的數據
按照method指明的提交方式提交給action屬性所指明的提交地址。
-->
<h3>form標籤學習</h3>
<hr />
<form action="#" method="get">
用戶名:<input type="text" name="uname" value="王五"/><br />
密碼:<input type="password" name="upwd"/><br />
性別:男<input type="radio" name="sex" value="1" checked="checked"/> 女<input type="radio" name="sex" value="0"/><br />
<input type="submit" value="登陸"/>
</form>
</body>
</html>html