HTML表單的一些用法
1.表單的作用:
HTML 表單用于接收不同類型的用戶輸入疙剑,用戶提交表單時向服務(wù)器傳輸數(shù)據(jù),從而實(shí)現(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" 默認(rèn)為選擇項(xiàng)
<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并不會得到焦點(diǎn)聚请,而用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" />