Skip to content

Instantly share code, notes, and snippets.

View andi1984's full-sized avatar
🏠
Working from home

Andreas Sander andi1984

🏠
Working from home
View GitHub Profile
@andi1984
andi1984 / progress.html
Created October 10, 2012 13:47 — forked from anonymous/progress.html
html: Form Progress
<progress></progress>
@andi1984
andi1984 / meter.html
Created October 10, 2012 13:47 — forked from anonymous/meter.html
html: Form Meter
<meter></meter>
@andi1984
andi1984 / form-attr.html
Created October 10, 2012 13:47 — forked from anonymous/form-attr.html
html: Form External Scope
<p>
<input type="email" form="mein_formular" />
</p>
<form id="mein_formular">
<button>Senden</button>
</form>
@andi1984
andi1984 / login.html
Created October 10, 2012 13:47 — forked from anonymous/login.html
html: Form Required
<form>
<p>
<label>Login:</label>
<input type="email" name="login" required placeholder="Ihre Emailadresse" />
</p>
<p>
<label>Passwort:</label>
<input type="password" name="pw" required placeholder="Ihr hinterlegtes Passwort" />
</p>
<p>
@andi1984
andi1984 / autofocus.html
Created October 10, 2012 13:47 — forked from anonymous/autofocus.html
html: Form Autofocus
<input type="text" autofocus />
@andi1984
andi1984 / autocomplete.html
Created October 10, 2012 13:47 — forked from anonymous/autocomplete.html
html: Form Autocomplete
<form autocomplete="on">
<input type="text" value="autocomplete geerbt (on)" />
<input type="text" autocomplete="off" value="autocomplete deaktiviert (off)" />
</form>
@andi1984
andi1984 / multiple.html
Created October 10, 2012 13:47 — forked from anonymous/multiple.html
html: Form Multiple
<form>
<p>
Emails: <input type="email" multiple />
</p>
<p>
Dateien: <input type="file" multiple />
</p>
<p>
<button>Go</button>
</p>
.ribbon {
font-size: 16px !important;
/* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
width: 50%;
position: relative;
background: #ba89b6;
color: #fff;
text-align: center;
//run this script after jQuery loads, but before jQuery Mobile loads
//customize jQuery Mobile to let IE7+ in (Mobile IE)
$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
//extend gradeA qualifier to include IE7+
gradeA: function(){
//IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683
var ie = (function() {
.get(url,callback);
.ajax {
type:'POST', //defaults to GET
url:'/api/getinfo', //defaults to window.location
contentType:'application/json', //defaults to application/x-www-form-urlencoded
headers:{},
dataType:'application/json', //defaults to text/html
data:{username:foo}, //Can be a Key/Value pair string or object. If it's an object, $.serialize is called to turn it into a Key/Value pair string
success:function(data){}, //function to call on successful Ajax request
error:function(data){}, //function to call when an error exists in the Ajax request