Difference between revisions of "Sandbox"
From Etnapedia
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!DOCTYPE html> | |
− | < | + | <html lang="en"> |
− | + | <head> | |
− | < | + | <meta charset="utf-8"> |
− | + | <title>Segnalo</title> | |
− | + | <link rel="stylesheet" href="css/style.css" /> | |
− | < | + | <link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'> |
− | + | <!--[if IE]> | |
− | < | + | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
− | </ | + | <![endif]--> |
− | < | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> |
− | < | + | <script src="js/jquery.uniform.min.js" type="text/javascript" charset="utf-8"></script> |
− | < | + | <script type="text/javascript" charset="utf-8"> |
− | </ | + | $(function(){ |
− | < | + | $("input:checkbox, input:radio, input:file, select").uniform(); |
− | + | }); | |
− | + | </script> | |
− | </ | + | </head> |
− | < | + | <body> |
− | + | <article> | |
− | + | <h1> </h1> | |
− | </ | + | <form> |
− | + | <ul> | |
− | </ | + | <li> |
− | + | <label for="name">Your Name:</label> | |
− | < | + | <input type="text" size="40" id="name" /> |
− | < | + | </li> |
− | < | + | <li> |
− | < | + | <label for="email">Your Email:</label> |
− | + | <input type="email" size="40" id="email" /> | |
− | + | </li> | |
− | + | <li> | |
− | + | <label for="car">What's my options:</label> | |
− | + | <select id="car"> | |
− | + | <option>Volvo</option> | |
− | </ | + | <option>Saab</option> |
− | + | <option>Mercedes</option> | |
− | < | + | <option>Audi</option> |
− | + | <option>Other…</option> | |
− | + | </select> | |
− | + | </li> | |
− | + | <li> | |
− | + | <label><input type="radio" name="radio" /> Pick one</label> | |
− | + | <label><input type="radio" name="radio" /> And stick with it</label> | |
− | </ | + | </li> |
− | < | + | <li> |
− | + | <label><input type="checkbox" /> Can haz tickbox?</label> | |
− | + | </li> | |
− | + | <li> | |
− | + | <label>Upload a file:</label> | |
− | + | <input type="file" /> | |
− | + | </li> | |
− | + | <li> | |
− | </ | + | <label for="message">Message:</label> |
− | < | + | <textarea cols="50" rows="5" id="message"></textarea> |
− | + | </li> | |
− | + | </ul> | |
− | + | <p> | |
− | + | <button type="submit" class="action">Call to action</button> | |
− | + | <button type="reset" class="right">Reset</button> | |
− | + | </p> | |
− | </ | + | </form> |
− | < | + | </article> |
− | + | <footer> | |
− | + | <p>A little freebie made with <strong>♥</strong> by the nice folks over at <a href="http://www.webdezign.co.uk">Webdezign</a></p> | |
− | + | </footer> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + |
Latest revision as of 23:26, 21 March 2016
<!DOCTYPE html>