In the first column you can test the TextBox described in the 3rd column.
The second column your browser claims support (or not) of the feature.
The first 6 rows test the new attributes and the following rows test the new input types.
You should try it with the latest Opera & Chrome.
CSS entries:
The second column your browser claims support (or not) of the feature.
The first 6 rows test the new attributes and the following rows test the new input types.
You should try it with the latest Opera & Chrome.
![]() |
<input placeholder="write here" /> |
|
![]() |
<input autofocus /> |
|
![]() |
<input required /> |
|
![]() |
<input pattern="\d/\d/\d{4}" /> |
|
![]() |
<input list="lista" /><datalist id="lista"> | |
![]() |
<input multiple type="email" /> | |
![]() |
<input type="email" /> |
|
![]() | <input type="url" /> |
|
![]() | <input type="number" min="2" max="11" step="3" /> |
|
![]() | <input type="range" |
|
![]() |
<input type="tel" /> |
|
![]() |
<input type="time" min="11:00" max="22:00" step="30" /> |
|
![]() |
<input type="date" /> |
|
![]() | <input type="month" /> |
|
![]() | <input type="week" /> |
|
![]() | <input type="datetime" /> |
|
![]() | <input type="datetime-local" /> |
|
![]() | <input type="search" results="10" autosave="txtSearch" /> |
|
![]() | <input type="color" /> |
|
![]() | <progress value="27" max="100">27%</progress> | |
![]() | <meter min="0" max="100" value="70" | |
Web workers | ![]() | var oWorker = new Worker("work.js"); |
Canvas | ![]() | var oContext = document.createElement('canvas').getContext; |
SVG | ![]() | document.implementation.hasFeature( |
Offline apps | ![]() | window.applicationCache; |
localStorage | ![]() | window.localStorage["sKey"]=sValue; |
sessionStorage | ![]() | window.sessionStorage["sKey"]=sValue; |
Web SQL Database | ![]() | window.openDatabase |
indexedDB | ![]() | window.indexedDB, mozIndexedDB, webkitIndexedDb |
Web Sockets | ![]() | window.WebSocket |
Cross doc messaging | ![]() | window.postMessage |
File API | ![]() | FileReader
|
Geo Location | ![]() |
navigator.geolocation |
getters & setters | ![]() |
function Person(){ |
A set of words that is marked | A <mark>set of words</mark> that is marked | |
![]() | <time datetime="2010-08-20T17:00">5pm</time> |
input:valid {background-color:#efe;}function to check validity:
input:invalid {background-color:#fee;}
function Check(oEvt) {
oEvt = oEvt || event;
var oEl = oEvt.target || oEvt.srcElement;
return ("validity" in oInput)? oEl.validity.valid: null;
}
No comments:
Post a Comment