Difference between revisions of "Sandbox"
From Etnapedia
(2 intermediate revisions by the same user not shown) | |||
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]> |
− | <input type="text" name=" | + | <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> |
− | <input type=" | + | <script type="text/javascript" charset="utf-8"> |
− | </ | + | $(function(){ |
− | < | + | $("input:checkbox, input:radio, input:file, select").uniform(); |
− | < | + | }); |
− | <input type=" | + | </script> |
− | </ | + | </head> |
− | <p> | + | <body> |
− | < | + | <article> |
− | < | + | <h1> </h1> |
− | </p> | + | <form> |
− | + | <ul> | |
− | </form></ | + | <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>