prettify

baseline

HTML5 Forms browser support

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.
<input placeholder="write here" />
<input autofocus  />
<input required  />
<input pattern="\d/\d/\d{4}"  />
<input list="lista" /><datalist id="lista">  
<option value="www.ins.gr" label="ins" />  
<option value="pkario.blogspot.com" label="blog" />  
<option value="www.insmoney.gr" label="insmoney" />  
</datalist>
<input multiple type="email" />
<input type="email"  />
<input type="url"  />
<input type="number" min="2" max="11" step="3"  />
<input type="range" 
    min="2" max="11" step="3" value="5"  />
<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"  />
27%
<progress value="27" max="100">27%</progress>
value is 70
<meter min="0" max="100" value="70"
low="-100" hight="100">value is 70</meter>
Web workers
var oWorker = new Worker("work.js");
Canvas
var oContext = document.createElement('canvas').getContext;
SVG
document.implementation.hasFeature(
"http://www.w3.org/TR/SVG11/feature#BasicStructure","1.1")
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(){
    var _sName;
}
Person.prototype = {
    get sName(){return this._sName;},
    set sName(sVal){this._sName = sVal;}
}
A set of words that is marked
A <mark>set of words</mark> that is marked
<time datetime="2010-08-20T17:00">5pm</time>
CSS entries:
 input:valid {background-color:#efe;}
 input:invalid {background-color:#fee;}
function to check validity:
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

Post a Comment