1. 程式人生 > >form表單具體用法

form表單具體用法

定義和用法:

<form> 標籤用於為使用者輸入建立 HTML 表單。

表單能夠包含 input 元素,比如文字欄位、複選框、單選框、提交按鈕等等。

表單還可以包含 menustextareafieldsetlegend 和 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值