form表單具體用法
定義和用法:
<form> 標籤用於為使用者輸入建立 HTML 表單。
表單能夠包含 input 元素,比如文字欄位、複選框、單選框、提交按鈕等等。
表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。
表單用於向伺服器傳輸資料。
基本程式碼規範:
<form action="傳送的位置連連結" method="post/get(傳送的方式)">
<input type="text" name="" value="">
<input type="submit">(提交按鈕)
</form>
解析:
type有很多種:
text(文字框),
password(密碼框),
radio(單選框,類似於單項選擇題,要求name值一致),
checkbox(複選框,相當於多項選擇題,同樣要求name值一樣),同時要注意單選框和複選框有個checked="checked"的屬性,是用來標記該框,不需要你點選就已經標記好了
注意:要想讓表單提交到所想要傳送的地址,input裡面必須同時寫name值和value值,因為text和password的內容是使用者來填寫的,所以可以不寫value值,只寫name值就行了,
在這裡還要介紹form除了可以製作表單外還可以做下拉選單,如下:
<form method="post" action="XXX">
<h1>Province!</h1>
<select name="province">
<option value="湖北省">山西省</option>
<option value="">廣東省</option>
<option value="">河南省</option>
</select>
</form>
執行結果如下:
是不是很perfect,哈哈哈,但是為什麼option標籤沒有寫name值,是因為select和option標籤是父子標籤,父標籤寫了就相當於給字標籤統一定義了name值