HTML:完成頁面的內容展示
CSS:完成頁面樣式的控制,美化頁面,完成頁面的佈局。
表單:用於採集用戶輸入的數據。用於和服務器進行交互。
form:用於定義表單的。可以定義一個範圍(代表用戶採集數據的範圍)
屬性:action:指定提交數據的url(指的就是把數據提交到哪裡)
method:指定提交方式
分類:一共有7種,2種比較常用。
get:1.請求參數會在地址欄顯示
2.請求參數的長度是有限制的。
3.請求不安全
post:1.請求參數不會在地址欄顯示,會封裝在請求體中。
2.請求參數的長度沒有限制
3.較為安全
表單裡面的數據要想被提交,必須指定它的name屬性
表單項標籤
input:可以通過type屬性值,改變元素展示的樣式。
type屬性:text:文本輸入框,默認值
placeholder:指定輸入框的提示信息,當輸入框的內容發生變化,會自動情況提示信息。
password:密碼輸入框
radio:1.單選框(要想讓多個單選框實現單選的效果,則多個單選框的name屬性值必須一樣)
2.一般會給每一個單選框提供value屬性,指定其被選中後提交的值。
3.checked屬性可以指定默認值
checkbox:複選框:
1.一般會給每一個單選框提供value屬性,指定其被選中後提交的值。
2.checked屬性可以指定默認值
file:文件選擇框
hidden:隱藏域,用於提交一些信息
按鈕:
submit:提交按鈕。可以提交表單
button:普通按鈕
image:圖片提交按鈕
src屬性指定圖片的路徑
label:指定輸入項的文字描述信息
注意:lable的for屬性一般會和input的id屬性值對應。如果對應了,點擊lable區域,會讓input輸入框獲取焦點。
select:下拉列表
子元素:option,指定列表項
textarea:文本域