重走HTML之HTML元素新增的表單元素

2021-10-25 06:22:12 字數 2165 閱讀 9697

progress表示任務的完成清空,常用於進度條,其取值如下:

例項:

value

="70"

max="100"

>

70%progress

>

output表示使用者動作產生的結果,其可用屬性如下:

meter元素表示規定範圍內的數量值,例如:磁碟使用量,某個候選者的投票人數佔總投票人數的比例等,其可用屬性如下:

例項:

>

he got a low=

"69"

high

="80"

max="100"

value

="84"

>

bmeter

>

on the exam

p>

效果:

low <= value <= high,是綠色,其他未黃色

datalist表示其他控制項可用的值,其值通過作為datalist的子元素存在

例項:

>

choose a browser from this list:

list

="browsers"

name

="mybrowser"

/>

label

>

>

value

="chrome"

>

option

>

value

="firefox"

>

option

>

value

="opera"

>

option

>

value

="safari"

>

option

>

value

="microsoft edge"

>

option

>

value

="ie"

>

option

>

datalist

>

注意點:與select的option的對比

在h5中,對input的type進行了擴充套件,可以有更多的取值

在h5中,可以將表單內的從屬元素書寫在頁面上的任何地方,然後為該元素指定一 個form屬性,屬性值為該表單的id。

一般用於提交按鈕和按鈕上,用於指定處理表單提交的後台程式,可以重寫form中的action屬性

一般用於提交按鈕和按鈕上,用於指定處理表單的內容型別

一般用於提交按鈕和按鈕上,用於指定表單的提交方式

一般用於提交按鈕和按鈕上,布林型別,提交時表單不被驗證。

一般用於提交按鈕和按鈕上,用於指定表單提交後在**顯示響應頁面

當頁面載入完畢的時候,預設聚焦。在頁面中,只能有乙個表單元素具有該屬性,值為boolean型別

取值為元素的id,用於顯示提示內容。

表單元件能夠接受到的最大值/最小值。

對使用者的輸入進行提示,常用於搜尋框,不要出現回車換行

取值為正規表示式,用於表單驗證

表示在表單提交之前必須表單元件中必須輸入值

重走HTML之HTML表單

表單標籤主要是用於與web應用程式進行資料的互動,它只允許使用者使用者將資料傳送給web應用程式,網頁也可以攔截資料的傳送以便自己使用。form元素通常由一到多個表單控制項組成,這些表單控制項有單行 多行文字框,下拉列表,按鈕,核取方塊,單選按鈕,使用表單控制項時,一般要配合label標籤,用於描述...

html5新增的元素之input元素

size x small 上一節介紹的 form attribute size x small 在chrome和opera瀏覽器中,畫面支援的不一致。chrome瀏覽器 size img size x small opera瀏覽器 size img size x small 我們可以看到,兩種瀏覽器...

Html元素動態新增方法

今天做東東的時候要用 js建立 html 元素然後動態給該元素新增方法,走了不少彎路。最後把解決方法發布,讓大家以後少走彎路。js檔案 function checknull id varchecknewnull function id 給html 元素新增方法 建立乙個 textarea std2a...