HTML5新增表單控制項

doctype html
>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
meta 
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
<
title
>html5新增表單控制項
title
>
head
>
<
body
>
<
form 
action
="">
<
input 
type
="text"
id="text"
placeholder
="請輸入4~16個字元"
name
="user"
pattern
="\d"
required 
/>
<
input 
type
="submit"
value
="提交"
/>
<
input 
type
="submit"
value
="儲存至草稿箱"
formaction
= formnovalidate 
/>
form
>
<
form
>
<
input 
type
="email"
/>
·郵箱    　　　　　　　　
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="tel"
/>
·**號碼
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="url"
/>
·**    　　　　　　　　
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="search"
/>
·搜尋引擎
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="range"
step
="2"
min="0"
max="10"
value
="2"
/>
·特定範圍內的數值選擇器
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="number"
/>
·只能包含數字的輸入框
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="color"
/>
·顏色選擇器
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="date"
/>
·顯示日期
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="time"
/>
·顯示時間，不含時區
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="datetime-local"
/>
·顯示完整日期 不含時區
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="date"
/>
·顯示周
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
type
="month"
/>
·顯示月
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
placeholder
="請輸入4~16個字元"
/>
·輸入框提示資訊
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
name
="a"
autocomplete
="off"
/>
·不儲存使用者輸入值
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
autofocus
="autofocus"
/>
·自動聚焦
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
required
="required"
/>
·必須填
<
input 
type
="submit"
value
="提交"
/>
form
>
<
form
>
<
input 
pattern
="\d"
/>
·正則驗證，1-5位數字 ----了解
<
input 
type
="submit"
value
="提交"
/>
form
>
body
>
html
>

html5新增的表單控制項

表單新增的控制項 表單中新增的控制項 type屬性 email 提交表單時檢測值是否是乙個電子郵件格式 url 提交表單時檢測值是否是乙個url格式 date 年 月 日格式的控制項 time 時 分格式的控制項 datetime 年 月 日 時 分 格式的控制項 utc時間 datetime lo...

HTML5新增表單驗證

html5新增屬性 屬性描述 placeholder 提供一種提示,輸入域為空時顯示,獲得焦點輸入內容後消失 required 規定輸入域不能為空 pattern 規定驗證input域的模式 正規表示式 示例 validity屬性 validitystate物件 屬性描述 valuemissing ...

HTML5新增input表單

html5新增input表單 input表單及其屬性 type email 限制使用者輸入必須為e mail型別 type url 限制使用者輸入必須為 和 型別 type date 限制使用者輸入必須為日期型別 type month 限制使用者輸入必須為月份型別 type time 限制使用者輸入...