您好,登錄后才能下訂單哦!
小編給大家分享一下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>
基本用法:
以上是“form在html中指的是什么意思”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。