HTML表單的一些用法

1.表單的作用：

HTML 表單用于接收不同類型的用戶輸入，用戶提交表單時向服務(wù)器傳輸數(shù)據(jù)，從而實現(xiàn)用戶與Web服務(wù)器的交互。

2.form標(biāo)簽————代表HTML表單

• form標(biāo)簽是成對出現(xiàn)的,以<form>開始,以</form>結(jié)束
• 屬性：

（1）common -- 公共屬性

（2）action -- 瀏覽者輸入的數(shù)據(jù)被傳送到的地方

（3）enctype -- 將數(shù)據(jù)發(fā)送到服務(wù)器時瀏覽器使用的編碼類型

（4）method -- 數(shù)據(jù)傳送的方法

（5）name -- 元素名稱

3.表單元素

1.文本框

<input type = “text” name=“名稱”/>//單行文本
<textarea cols="30" rows="10"></textarea>//多行文本

2.密碼框

<input type=“password” name=“名稱”/>

3.單選框

<input type=“radio” name=“gender” value=“male”/> 
<input type=“radio”  name=“gender” value=“female”/>

4.復(fù)選框

<input type =“checkbox” name=“l(fā)anguage” value=“Java”/> 
<input type =“checkbox”  name=“l(fā)anguage” value=“C”/>
<input type =“checkbox” name=“l(fā)anguage” value=“C#”/>

5.隱藏域

隱藏域通常用于向服務(wù)器提交不需要顯示給用戶的信息

<input type=“hidden” name=“隱藏域”/>

6.文件上傳

使用file，則form的enctype必須設(shè)置為multipart/form-data，method屬性為POST。

<input name="uploadedFile" id="uploadedFile" type="file" size="60" accept="text/*"/>

7.下拉列表

selected="selected" 默認為選擇項

<select name="country" size="10">
    <option value="gam">Gambia</option>
    <option value="mad" selected="selected">Madagascar</option>
    <option value="nam">Namibia</option>
</select>

8.<label></label>標(biāo)簽

在<input type=“text”>前可以寫普通的文本來修飾，但是單擊修飾文本的時候input并不會得到焦點，而用label則可以，for屬性指定要修飾的控件的id，<label for=“txt1” >內(nèi)容</label>；

9.提交按鈕

<input type="submit" value="提交"/>

10.重置按鈕

<input type=“reset” value=“重置按鈕"/>

11.普通按鈕

<input type="button" value="普通按鈕"/>

12.圖像按鈕

圖像按鈕的src屬性指定圖像源文件，它沒有value屬性。圖像按鈕可代替<input type="submit"/>，而現(xiàn)在也可以通過css直接將<input type="submit"/>按鈕的外觀設(shè)置為一幅圖片。

<input type="image" src="bg.jpg" />