File
Login or Register via GitHub
<html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body><html><head> <title>CSS Contact Form</title> <meta charset="utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" media="all" /></head><body style=" background-color:#E5E4E2"> <h2>Registration Form</h2> <div style="margin-left:420px; border:1px solid #ccc; width:400px; padding:15px; border-radius:5px;"> <form class="form"> <p class="name"> <label for="name"> First Name *:</label> <input type="text" name="fname" id="fname" placeholder="John" required/> </p> <p class="name"> <label for="name">Last Name *:</label> <input type="text" name="lname" id="lname" placeholder="Maxwell" required/> </p> <p class="web"> <label for="web">Company Name *:</label> <input type="text" name="web" id="web" placeholder="BDI Systems & Technologies" required/> </p> <p class="email"> <label for="email">Email Id *:</label> <input type="text" name="email" id="email" placeholder="mail@bdisys.com" required/> </p> <p class="budget"> <label for="name">Budget :</label> <input type="text" name="budget" id="budget" placeholder="200000"/> </p> <p class="submit"> <input type="submit" value="Send" /> </p> </form></div></body></html></body></html>body { padding: 100px 100px; font-size: 13px; font-style: Verdana, Tahoma, sans-serif;}h2 { margin-bottom: 20px; color: #474E69; margin-left:420px;}/* =========================== ====== Contact Form ======= =========================== */input, textarea { padding: 10px; border: 1px solid #E5E5E5; width: 200px; color: #999999; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; }textarea { width: 400px; height: 150px; max-width: 400px; line-height: 18px;}input:hover, textarea:hover,input:focus, textarea:focus { border-color: 1px solid #C9C9C9; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px; }.form label { display: inline-block; margin-left: 10px; color: #999999; min-width: 110px;}/* =========================== ====== Submit Button ====== =========================== */.submit input { width: 100px; height: 40px; background-color: #474E69; color: #FFF; border-radius: 3px; border-radius: 3px; border-radius: 3px; }
Output
You can jump to the latest bin by adding /latest to your URL
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| ctrl + [num] | Toggle nth panel |
| ctrl + 0 | Close focused panel |
| ctrl + enter | Re-render output. If console visible: run JS in console |
| Ctrl + l | Clear the console |
| ctrl + / | Toggle comment on selected lines |
| ctrl + ] | Indents selected lines |
| ctrl + [ | Unindents selected lines |
| tab | Code complete & Emmet expand |
| ctrl + shift + L | Beautify code in active panel |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Open the share options |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
JS Bin URLs
| URL | Action |
|---|---|
| / | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
| /edit | Edit the current bin |
| /watch | Follow a Code Casting session |
| /embed | Create an embeddable version of the bin |
| /latest | Load the very latest bin (/latest goes in place of the revision) |
| /[username]/last | View the last edited bin for this user |
| /[username]/last/edit | Edit the last edited bin for this user |
| /[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
| /quiet | Remove analytics and edit button from rendered output |
| .js | Load only the JavaScript for a bin |
| .css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. | |
public
0viewers