HTML如何實現(xiàn)表單

這篇文章給大家分享的是有關(guān)HTML如何實現(xiàn)表單的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

HTML表單標(biāo)簽：表單

1 ： 表單標(biāo)簽

<form></form>屬性 ： action = '接口地址'method = 'get / post'name = '表單名稱'

2 ： 表單控件

<input>屬性：type = '控件類型'name：屬性標(biāo)識表單域的名稱；Value：屬性定義表單域的默認(rèn)值，其他屬性根據(jù)type的不同而有所變化。maxlength：控制最多輸入的字符數(shù)，Size：控制框的寬度（以字符為單位）1）文本框<input type="text" value="默認(rèn)值"/>2)密碼框<input type="password" />3)提交按鈕<input type="submit" value="按鈕內(nèi)容" />4)重置按鈕<input type="reset" value="按鈕內(nèi)容" />5)空按鈕<input type="button" value="按鈕內(nèi)容" />

3：表單補充

1）單選按鈕組<input type=“radio” name=“ral” />男<input type=“radio” name=“ral”checked=“checked”/>(默認(rèn)選中)女2）復(fù)選框組<input type="checkbox" name="" /><input type="checkbox" name="" disabled="disabled" />* disabled="disabled" (禁用)* checked="checked" (默認(rèn)選中)3）下拉列表（菜單）：<select ><option>下拉選項1</option><option>下拉選項2</option>…………</select>表示下拉列表，name屬性不是必須的默認(rèn)選擇項用selected屬性；4）表單域多行文本定義：語法: <textarea name="" cols="" rows="" ></textarea>多行文本。rows屬性和cols屬性用來設(shè)置文本輸入窗口的高度和寬度，單位是字符。阻止瀏覽器對窗口的拖動設(shè)置:{resize:none;}（css屬性）5)上傳文件：語法：<input type="file">

4：表單標(biāo)簽補充

1）表單字段集語法：<fieldset></fieldset>說明：相當(dāng)于一個方框，在字段集中可以包含文本和其他元素。該元素用于對表單中的元素進行分組并在文檔中區(qū)別標(biāo)出文本。fieldset元素可以嵌套，在其內(nèi)部可以在設(shè)置多個fieldset對象。disabled定義空間禁制可用；2）字段級標(biāo)題：語法：<legend align="left/center/right/justify"></legend>說明：legend元素可以在fieldset對象繪制的方框內(nèi)插入一個標(biāo)題。legend元素必須是fieldset內(nèi)的唯一個元素。3)提示信息標(biāo)簽：語法：<label for="綁定控件id名"></label>說明：label元素用來定義標(biāo)簽，為頁面上的其他元素指定提示信息。要將label元素綁定到其他的控件上，可以將label元素的for屬性設(shè)置為與該控件的id屬性值相同。

拓展：post/get

· (1). 從功能上講，GET一般用來從服務(wù)器上獲取資源，POST一般用來更新服務(wù)器上的資源；

· (2). 從REST服務(wù)角度上說，GET是冪等的，即讀取同一個資源，總是得到相同的數(shù)據(jù)，而POST不是冪等的，因為每次請求對資源的改變并不是相同的；進一步地，GET不會改變服務(wù)器上的資源，而POST會對服務(wù)器資源進行改變；

· (3). 從請求參數(shù)形式上看，GET請求的數(shù)據(jù)會附在URL之后，即將請求數(shù)據(jù)放置在HTTP報文的 請求頭 中，以?分割URL和傳輸數(shù)據(jù)，參數(shù)之間以&相連。特別地，如果數(shù)據(jù)是英文字母/數(shù)字，原樣發(fā)送；否則，會將其編碼為 application/x-www-form-urlencoded MIME 字符串(如果是空格，轉(zhuǎn)換為+，如果是中文/其他字符，則直接把字符串用BASE64加密，得出如：%E4%BD%A0%E5%A5%BD，其中％XX中的XX為該符號以16進制表示的ASCII)；而POST請求會把提交的數(shù)據(jù)則放置在是HTTP請求報文的 請求體 中。

· (4). 就安全性而言，POST的安全性要比GET的安全性高，因為GET請求提交的數(shù)據(jù)將明文出現(xiàn)在URL上，而且POST請求參數(shù)則被包裝到請求體中，相對更安全。

· (5). 從請求的大小看，GET請求的長度受限于瀏覽器或服務(wù)器對URL長度的限制，允許發(fā)送的數(shù)據(jù)量比較小，而POST請求則是沒有大小限制的。

感謝各位的閱讀！關(guān)于“HTML如何實現(xiàn)表單”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！