一、HTML5中新增表單元素及使用實(shí)例

1. 總結(jié)HTML5中新表單元素的使用方法及實(shí)例教程

HTML5 新表單元素

datalist ： input 標(biāo)簽定義選項(xiàng)列表。請(qǐng)與 input 元素配合使用該元素，來定義 input 可能的值。

keygen ： keygen 標(biāo)簽規(guī)定用于表單的密鑰對(duì)生成器字段。

output ： output 標(biāo)簽定義不同類型的輸出，比如腳本的輸出。

2.HTML Form表單元素全面了解

datalist元素規(guī)定輸入域的選項(xiàng)列表。列表是通過datalist內(nèi)的option元素創(chuàng)建的。如需把datalist綁定到輸入域，請(qǐng)用輸入域的list 屬性引用datalist的id。

keygen元素是密鑰對(duì)生成器（key-pair generator）。當(dāng)提交表單時(shí)，會(huì)生成兩個(gè)鍵，一個(gè)是私鑰，一個(gè)公鑰。私鑰（private key）存儲(chǔ)于客戶端，公鑰（public key）則被發(fā)送到服務(wù)器。

output元素用于不同類型的輸出，比如計(jì)算或腳本輸出。

二、PHP中表單元素的詳解

1. PHP表單元素介紹之選擇域標(biāo)記和文字域標(biāo)記

通過選擇域標(biāo)記 select 和 option 可以建立一個(gè)列表或者菜單。菜單的使用是為了節(jié)省空間，正常狀態(tài)下只能看到菜單的一個(gè)選項(xiàng)，單擊右側(cè)的下三角按鈕打開菜單后才能看到全部的選項(xiàng)。列表可以顯示一定數(shù)量的選項(xiàng)。如果超出了這個(gè)數(shù)量，會(huì)自動(dòng)出現(xiàn)滾動(dòng)條，瀏覽者可以通過拖動(dòng)滾動(dòng)條來查看各個(gè)選項(xiàng)。

2. PHP表單元素介紹之輸入域標(biāo)記 input

輸入域標(biāo)記 input 是表單中最常用的標(biāo)記之一。常用的輸入域標(biāo)記 input 有文本框、按鈕、單選按鈕、復(fù)選框等等。

3.PHP處理Checkbox多選框表單元素的例子

Checkbox的值獲得與普通的input獲得方法是不一樣，需要給checkbox一個(gè)統(tǒng)一的數(shù)組形式的Name，例如mycheckbox[]，對(duì)的就是PHP中定義數(shù)組的一種方式。然后在后臺(tái)獲取這個(gè)數(shù)據(jù)，例如POST表單的$_POST[‘mycheckbox’]，此時(shí)這個(gè)數(shù)據(jù)已經(jīng)是一個(gè)數(shù)組了。

三、javascript和jquery獲取和使用表單元素

1. javascript 獲取表單元素的幾種方法

第一種方法,通過元素的name獲取

第二種方法：通過元素的index獲取

第三種方法：通過元素的id獲取

2. jQuery 處理表單元素的代碼

1）.獲取input類的值： $( input ).val();

2）.獲取textarea類的值: $( textarea ).val();

3）.獲取select類的值：$( select ).val();

當(dāng)表單上含有多個(gè)input類（或者textarea類和select類），使用上述方法得到的將是一個(gè)數(shù)組。當(dāng)然，你可以給這些控件加上ID，從而對(duì)某個(gè)特定的控件取值，例如：$( input#myID ).val()。

表單元素的相關(guān)問答：

1. 前端 - 移動(dòng)端點(diǎn)擊表單元素頁(yè)面相對(duì)移動(dòng)的問題？

2. javascript - react中使用React-bootstrap表單元素控件，如何獲取其內(nèi)部的值

3. javascript如何獲取表單元素select

【相關(guān)推薦】

1. VeVb.com原創(chuàng)html5視頻教程

2. 《VeVb.com獨(dú)孤九賤（4）－php視頻教程》

3. VeVb.com獨(dú)孤九賤（3）－JavaScript視頻教程

以上就是表單元素：最全的各種html表單元素獲取和使用方法總結(jié)的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。