如何用html5自帶驗證但是用aja提交

2021-12-24 03:01:41 字數 1562 閱讀 5688

1樓:

1.輸入型控制元件

input type

用途說明

email

電子郵件地址文字框

url網頁url文字框

number

數值的輸入域

屬性 值 描述

max number 規定允許的最大值

min number 規定允許的最小值

step number 規定合法的數字間隔(如果 step="3",則合法的數是 -3,0,3,6 等)

value number 規定預設值

range

特定值的範圍的數值,以滑動條顯示

屬性 值 描述

max number 規定允許的最大值

min number 規定允許的最小值

step number 規定合法的數字間隔(如果 step="3",則合法的數是 -3,0,3,6 等)

value number 規定預設值

date pickers

日期,時間選擇器

僅opera9+支援,包含date, month, week, time, datetime, datetime-local

search

用於搜尋引擎,比如在站點頂部顯示的搜尋框

與普通文字框用法一樣,只不過這樣更語文化

color

顏色選擇器

僅opera支援

將原本type為text的input控制元件宣告為以上特殊型別,是為了給使用者呈現不同的輸入介面(移動平臺上支援這些不同的輸入介面,這裡就不細說),而且表單提交時會對其值做進一步的驗證。下面展示這些新表單元素,請用支援這些表單元素的瀏覽器檢視,ie對其支援最差。

e-mail:

date:

range: number: color:

2. 表單新特性和函式

2.1 placeholder

當使用者還沒有輸入值時,輸入型控制元件可能通過placeholder向使用者顯示描述性說明文字或者提示資訊,這在目前**中很常見,一些js框架都會提供類似功能,簡單的說下在舊版本中常用的解決方案,為輸入控制元件建立一個label,然後通過css控制些label的位置使之覆蓋在輸入控制元件上面,當label獲得焦點時,瀏覽器會把焦點指向輸入控制元件。不過有了placeholder,新的瀏覽器就內建了這一功能,其特性值會以淺灰色樣式顯示在輸入框中,當輸入框獲得焦點並有值後,該提示資訊自動消失。

如:runner:

runner:

2樓:不帶這樣的

用fromdata,html5新增的表單屬性可以驗證,去w3c看。

html5怎麼用js提交,觸發表單驗證

3樓:唐燁

沒太懂你的意思,是想用js提交表單,並做表單驗證嗎? 如果是這樣就用ajax

4樓:匿名使用者

在表單最後放置一個button,然後在button的click事件中

通過表單dom物件.submit()來提交表單,在提交前可以編寫校驗邏輯或者使用jquery validate之類的表單校驗元件來校驗

html5中的video如何用javascript控制

將 controls 這個屬性去掉 就沒有全屏按鈕了 o html5 中的 video 如何隱藏底部的全屏按鈕或控制條 10 可以用poster屬性自定義張 然後去掉controls 您的瀏覽器不支援 html5 video 標籤。將中的controls controls 刪掉就沒了 拓展 1 全球...

html5表單資料如何獲得,html中如何獲取表單的資料?

表單是用來獲取使用者輸入的一些資料,最常見的就是註冊,登入之類的 1 首先,開啟idea軟體,並新建一個工程,建好後,右鍵建立一個html5檔案,完成後便完成了最開始的工作 2 接著先熟悉一些較常用的表單標籤 表單,輸入域,文字域,按鈕,域的標題,控制標籤等。3 建立一個form,如圖,輸入一些要建...

如何在WINFORM中嵌入支援HTML5的瀏覽器

用cef,vs裡nutget 搜 cef就行,c winform如何嵌入html網頁 hyperlink乙個url同時把它需要的值傳給html。winform 內嵌瀏覽器 有哪些比較好的瀏覽器控制項 100 直接拖乙個webbrowser1 然後設定url就行了 有什麼問題可以再問我 如果解決了的話...