1. 程式人生 > >HTML5新的input型別

HTML5新的input型別

<!doctype html>
<head>
</head>
<body>
<!-- 只有輸入正確的url和email才能夠被提交 -->
<form action="" method="POST">
<!--
<input type="url" name="url">
<input type="email" name="email">
<input type="number" name="number" value=5>


<input type="month" name="month">
<input type="week" name="week">
<input type="time" name="time">
<input type="color" name="color" value="#654321">
搜尋框 
autofocus 自動獲取焦點 required="required" 表示欄位不能為空 placeholder 作為提示當輸入內容,提示消失
-->
<input type="search" name="search" autofocus="autofocus" placeholder ="搜尋一下">


<input type="range" name="points" min="1" max="10" />
<input type="datetime" name="datetime" required="required" />




<input type="submit"/>
</form>
</body>
</html>

相關推薦

html5input型別和所有屬性詳解

<input type="text">:如果一個input沒有type屬性,那麼它會是預設type="text"。沒有什麼特別的,就是允許輸入文字,簡單明瞭。<input type="password">:顧名思義,在使用者輸入密碼的時候建議使用這個屬性而非text,使用了這個屬性,使

HTML5input型別

<!doctype html> <head> </head> <body> <!-- 只有輸入正確的url和email才能夠被提交 --> <form action="" method="POST"> <!-- <input

跟KingDZ學HTML5之九 HTML5Input 種類

nth 搜索 選擇 utc body style 簡單 滾動 top 好了,我們這節課講解的可能有些難以測試,因為目前很多瀏覽器都不支持,這些新增加的標簽,我也只能,盡可能的去找支持的瀏覽器給大家測試展示效果。 HTML5中新增加了很多 Input 的種類。 1.<

Html5Input 類型

form -m usr vco body pre 喜歡 mage min Input 類型: color <form action="demo.php"> 選擇你喜歡的顏色: <input type="color"

19、HTML5 Input 類型

form span homepage 滑動 默認 選項 最小 width safari HTML5 擁有多個新的表單輸入類型。這些新特性提供了更好的輸入控制和驗證 本章全面介紹這些新的輸入類型: color date datetime datetime-local ema

HTML5input:file上傳以及型別控制

以HTML5的檔案上傳API 如下demo程式碼在.html檔案開啟即可: <!DOCTYPE html> <html lang="zh_cn"> <head> <meta charset="UTF-8"> <ti

02-HTML5input屬性

e-mail num strong int 控制器 表單 瀏覽器支持 iphone points 本節重點 HTML5 擁有多個新的表單輸入類型。這些新特性提供了更好的輸入控制和驗證 本節介紹新的輸入類型: date datetime datetime-local ema

HTML5input:file上傳型別控制

http://www.haorooms.com/post/input_file_leixing 一、input:file屬性 屬性值有以下幾個比較常用: accept:表示可以選擇的檔案MIME型別,多個MIME型別用英文逗號分開,常用的MIME型別見下表。

HTML5input:file上傳型別控制 與上傳多檔案

一、input:file屬性 屬性值有以下幾個比較常用: accept:表示可以選擇的檔案MIME型別,多個MIME型別用英文逗號分開,常用的MIME型別見下表。 multiple:是否可以選擇多個檔案,多個檔案時其value值為第一個檔案的虛擬路徑。 1、acc

如何處理HTML5標簽的兼容性問題

新增 框架 結構 type ie7 ie 9 最好 好的 scrip 支持HTML5新標簽: * IE8/IE7/IE6支持通過document.createElement方法產生的標簽, 可以利用這一特性讓這些瀏覽器支持HTML5新標簽, 瀏覽器支持新標簽後,

【轉】HTML5input:file上傳類型控制

ati err format spa asi 拖拽 pdf 按鈕 shee 一、input:file屬性 屬性值有以下幾個比較常用: accept:表示可以選擇的文件MIME類型,多個MIME類型用英文逗號分開,常用的MIME類型見下表。 multiple:是否可以選擇多個

Html5標簽解釋及用法

keygen ide you data summary image gen 密鑰 位置 <article> 標簽定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內容。HTML5:&

HTML5input:file上傳類型控制

name script pdf ava format openxml doc all reads 屬性值有以下幾個比較常用: accept:表示可以選擇的文件MIME類型,多個MIME類型用英文逗號分開,常用的MIME類型見下表。 multiple:是否可以選擇多個文件,多

html5有哪些特性、移除了那些元素?如何處理HTML5標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5

als ie8 mil oct scrip locals bsp 框架 canvas 新特性: 1. 拖拽釋放(Drag and drop) API 2. 語義化更好的內容標簽(header,nav,footer,aside,article,section) 3. 音頻、視

html5增加的屬性

加載 全局屬性 asc 依次 orm dia for design 需要 新增的屬性: 對於js進行添加的屬性。 <script defer src=".....js" onload="alert(‘a‘)"></script> <sc

html5增加的標簽

必須 發布 comm 單標簽 ash bsp mp3 oca key 增加標簽: 1、結構標簽 (1)section:獨立內容區塊,可以用h1~h6組成大綱,表示文檔結構,也可以有章節、頁眉、頁腳或頁眉的其他部分; (2)article:特殊獨立區塊,表示這篇頁眉

解決html5標簽 placeholder 低版本瀏覽器下不兼容問題

解決 html5 新標簽 placeholder屬性是HTML5 中為input添加的。在input上提供一個占位符,文字形式展示輸入字段預期值的提示信息(hint),該字段會在輸入為空時顯示。實例:1 <input type="text" name="userName" placehold

html5-元素布局模板

搜狐 char left utf height html5 back nbsp -a <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

html5-元素布局模板-完善中

sid div head style padding itl 20px html left <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

兼容html5標簽及媒體查詢引入插件

插件 .com src 標簽 com cdn -- html html5 <!-- 以下2個插件是用於在IE8支持HTML5元素和媒體查詢的,如果不用可移除 --> <!--[if lt IE 9]> <script src="http