国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > HTML > 正文

表單元素:最全的各種html表單元素獲取和使用方法總結(jié)

2020-03-24 16:43:09
字體:
供稿:網(wǎng)友
表單是網(wǎng)頁(yè)與用戶的交互工具,由一個(gè) form 元素作為容器構(gòu)成,封裝其他任何數(shù)量的表單控件,還有其他任何 body 元素里可用的標(biāo)簽,表單能夠包含 input 、 menus 、 textarea 、 fieldset 、 legend 、 label 等表單控件元素。表單元素有哪些呢?它包含了如下的這些元素 form , input 輸入文本框, button 按鈕, option 定義下拉菜單, select , textarea 文本區(qū)等等,當(dāng)然在html5中又新增了一些元素。通過下面的內(nèi)容總結(jié)了各種html表單元素獲取和用法實(shí)例!

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

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

15.jpg

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)記

9.png

通過選擇域標(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

10.png

輸入域標(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)系我們修改或刪除,多謝。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 竹山县| 介休市| 开封市| 永仁县| 理塘县| 隆林| 海兴县| 连云港市| 宿州市| 通江县| 乃东县| 汶川县| 江都市| 印江| 万山特区| 吉木萨尔县| 南充市| 涿州市| 江西省| 盐源县| 泽普县| 临桂县| 平陆县| 兴隆县| 稷山县| 彰化市| 瑞昌市| 巴彦淖尔市| 临高县| 定陶县| 太仆寺旗| 赤水市| 潍坊市| 青铜峡市| 雷山县| 红原县| 延安市| 那曲县| 石柱| 西充县| 福建省|