首頁 > web前端 > 前端問答 > html5中新增加的表單元素有哪些

html5中新增加的表單元素有哪些

青灯夜游
發布: 2022-04-25 11:54:02
原創
9425 人瀏覽過

html5中新增加了3個表單元素:1、datalist元素,用於為input設定下拉列表,裡面的選項是預先定義好的,將作為使用者的輸入資料;2、keygen元素,可規定用於表單的金鑰對產生器欄位;3、output元素,用於將計算結果輸出顯示。

html5中新增加的表單元素有哪些

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

HTML5中新增了三個表單元素:datalist、keygen、output。

1、datalist元素

# 標籤規定了 元素可能的選項清單。

標籤被用來在為 元素提供"自動完成"的特性。使用者能看到一個下拉列表,裡邊的選項是預先定義好的,將作為使用者的輸入資料。

这里注意datalist元素要写id,与input表单元素的 list属性创建联系
登入後複製

範例1:

html5中新增加的表單元素有哪些

#在頁面上顯示如下:

html5中新增加的表單元素有哪些

##範例2:

html5中新增加的表單元素有哪些

在頁面上顯示如下:

html5中新增加的表單元素有哪些##假如想要輸入的是網址,要注意value值必須加http://

例3

html5中新增加的表單元素有哪些這裡的datalist元素在火狐瀏覽器上是沒有下拉清單的,要注意!

以及datalist的子元素option元素可以寫成單一標籤的格式:eg:

以上是html5中新增加的表單元素有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板