htmlform(form在html中指的是什么意思)

form在html中是“表單”的意思,它是一個為用戶輸入創建HTML表單的標簽,語法格式“<form>表單元素</form>”;form標簽對中可包含多種表單元素,如input、textarea、select、option、button等。

本教程操作環境:windows7系統、HTML5版、Dell G3電腦。

form在html中是“表單”的意思,它是一個為用戶輸入創建HTML表單的標簽。

表單是一個包含表單元素的區域;功能:用于搜集不同類型的用戶輸入的內容。

表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。

表單通過<form>標簽來創建,其中放置表單的對象,如表單域、按鈕和其他事物:

<form>....表單元素....</form>

常用的表單元素

ü form 表單

ü input 表單元素,表單項

ü select和option 下拉菜單

ü textarea 文本域

(1)form元素

功能:用于創建一個表單

格式:

<form></form>

基本用法:

重要屬性:

1,action:表示當前表單中的內容提交給哪個頁面進行處理

2,method:表示當前表單提交的方式,常見的有get和post方式,默認是get提交

(2)input元素

表示輸入框,有多種形式,可以根據type屬性來確定顯示哪種輸入框。

基本用法:

效果 :

注意細節:

1,對于input來說,它的type的默認值是text,表示單行文本

2,對于input,最好給它添加一個name屬性,作用是用于將用戶輸入的內容提交給要處理這個數據的頁面

GET提交與POST提交:

GET:

如果以get方式進行提交,但沒有寫上name屬性,那么用戶輸入的內容是提交不了的,但是也會出現?這個標志:

POST:

當用戶以post方式提交時,用戶輸入的內容不會放到地址欄里面,比較安全:

GET和POST小結:

1,GET會將用戶輸入的內容放到地址欄里面,使用GET請求不安全

2,POST不會將用戶輸入的內容放到地址欄里面,相對安全

細節:

1,每一個input標簽都有一個value屬性,不同類型的input, value的作用也不同

對于type=”text”來說,value可有可無,因為用戶輸入的內容都可以提交過去。

對于type=”radio”或type=”checkbox”來說,沒有value,是提交不了的。

2,對于type=”radio”來說,如果你只想選擇一個,需要給每個input添加一個name屬性,屬性值也必須一致,如果不添加,就不能滿足單選框的需求。

3,關于單行文本的寬度,可以使用size屬性來設置,表示字符長度,實際上不用,我們一般是通過CSS進行控制的。

(3)select和option

作用:用來實現下拉列表

格式:

<select><option>內容</option><option>內容</option><option>內容</option></select>

基本用法:

注意點:

1,默認情況下,提交時,它將option里面的內容作為提交的內容,但是通常我們不這樣做,我們通常給opton設置一個value屬性,屬性值我們通常用數字。

使用value后的情況如下:

我們可以使用selected屬性讓某個option處理默認選中狀態。

(3)textarea

作用:提供輸入大量文本的輸入框,比如,QQ空間中發表狀態,貼吧發表貼子等。

格式:<textarea></textarea>

基本用法: