Difference between revisions of "Sandbox"
From Etnapedia
(Created page with "pagina prove") |
|||
| (31 intermediate revisions by 5 users 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]> | ||
| + | <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>
