HTML的表單標籤

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,指定列表項

HTML的表單標籤

HTML的表單標籤

textarea:文本域

HTML的表單標籤

HTML的表單標籤


分享到:


相關文章: