1.簡介
HTML表單是一個包含表單元素的區(qū)域砍的,用來收集用戶輸入的內容并提交拭嫁。
表單元素通常包括文本域(textarea)惕医、單選框(radio-buttons)意鲸、復選框(checkboxes)等烦周。
表單使用標簽<form>來設置。
form的屬性:
- action:規(guī)定當提交表單時怎顾,向何處發(fā)送表單數(shù)據(jù)读慎。action取值為:第一,一個URL(絕對URL/相對URL)槐雾,一般指向服務器端一個程序,程序接收到表單提交過來的數(shù)據(jù)(即表單元素值)作相應處理夭委。
- method:該屬性定義瀏覽器將表單中的數(shù)據(jù)提交給服務器處理程序的方式。最常用的值是get和post募强。
2.表單元素
表單元素指的是不同類型的 input 元素株灸、復選框、單選按鈕擎值、提交按鈕等等慌烧。
- 1.input標簽常見元素:
input標簽 | 作用 |
---|---|
text | 單行文本框 |
password | 圓點密碼框 |
button | 普通按鈕 |
submit | 提交所有數(shù)據(jù)按鈕 |
checkbox | 多選框 |
radio | 單選框 |
file | 文件上傳 |
reset | 重置所有項 |
hidden | 隱藏域 |
格式:<input type="text" name="" value="">
2.<select>標簽:下拉菜單
<select name="car">
<option value="寶馬">寶馬</option>
<option value="薩博" selected="">薩博</option>
</select>
設置selected為默認選項3.<textarea></textarea>:多行文本
多行文本<textarea>創(chuàng)建一個可輸入多行文本的文本框,<textarea>沒有value屬性,<textarea>文本</textarea>,cols=“50”鸠儿、rows=“15”屬性表示行數(shù)和列數(shù),不指定則瀏覽器采取默認顯示屹蚊。4.<label></label>標簽
在<input type=“text”>前可以寫普通的文本來修飾,但是單擊修飾文本的時候input并不會得到焦點进每,而用label則可以汹粤,for屬性指定要修飾的控件的id,<label for=“txt1” >內容</label>品追;”,然后按下alt+u(了解)玄括。accesskey=“u“冯丙,label的另一個屬性肉瓦。
3.name屬性的作用
name屬性規(guī)定了input元素的名稱遭京,用于后續(xù)提交表單數(shù)據(jù),或者在JS中引用表單泞莉。 POST和GET的時候哪雕,name和input中的值會形成的 鍵/值 對,服務器端的表單處理程序只有通過name才能獲取到相應的用戶輸入鲫趁。 check和radio靠相同的name值分組斯嚎。