form 表單介紹

gududesiling

html的form表單是非常重要的概念

 

<form>創(chuàng)建表單的標志

必須屬性：action規(guī)定當提交表單時，向何處發(fā)送表單數(shù)據(jù)

可選屬性：method：get/post，規(guī)定如何發(fā)送表單數(shù)據(jù)（關于怎么使用用這個，最后會做介紹）

 

<form包含的3個下級標簽>

一。<input>標簽，用于設置表單框，單選框，復選框，提交等等

屬性：

type：類型，這個可以有很多值：

• button
• checkbox：復選框（和單選框相對，是個方小框，但是可以選2次）
• file
• hidden
• image ：提交時以一個圖片位選擇方式，后面要加上src:圖片地址
• password ：密碼輸入
• radio ：單選框（就是前面一個圓圈，但是只能選一次）
• reset
• submit ：提交，呈現(xiàn)的是一個按鈕，使用這個的時候，要和value一起使用(value是現(xiàn)實在按鈕上的值)
• text :文字輸入，使用這個text值的話，得和name屬性配合使用，呈現(xiàn)的是一個輸入框

name：定義 input 元素的名稱

value:值，若和submit一起使用，value的值現(xiàn)實在按鈕上，。

size:定義輸入字段的寬度

src:以提交按鈕形式顯示的圖像的

action:

checked：表示缺省已經選上的。。。

 

2.<select>標簽

下拉框標簽

屬性：

name:

size:設置下拉框的尺寸（指的是上下的尺寸）

multiple：復選框，這個很重要，光加上這個單詞就起作用，不過復選的時候得加上ctrl控制來實現(xiàn)多選

他和<input>標簽不一樣，他還有一個下級標簽<option>

<option>

屬性：

selected

value

 

 

 

3.<textarea>標簽：文本區(qū)域，多行輸入框，主要用于輸入較長的文本信息

屬性：

name：

cols:列，說明設置文本區(qū)域占多少列

rows:行，也就是設置文本區(qū)域占多少行

至于method，表示了發(fā)送表單信息的方式。method有兩個值：get和post。get的方式是將表單控件的name/value信息經過編碼之后，通過URL發(fā)送(你可以在地址欄里看到)。而post則將表單的內容通過http發(fā)送，你在地址欄看不到表單的提交信息。那什么時候用get，什么時候用post呢？一般是這樣來判斷的，如果只是為取得和顯示數(shù)據(jù)，用get；一旦涉及數(shù)據(jù)的保存和更新，那么建議用post。