Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Focus Test</title>
</head>
<body>
  <div><input type="button" name="button" id="button" value="button" /></div>
  <div><label for="checkbox">Checkbox</label><input type="checkbox" name="checkbox" id="checkbox" value="checkbox" /></div>
  <div><label for="color">Color</label><input type="color" name="color" id="color" value="color" /></div>
  <div><label for="date">Date</label><input type="date" name="date" id="date" value="date" /></div>
  <div><label for="datetime">Datetime</label><input type="datetime" name="datetime" id="datetime" value="datetime" /></div>
  <div><label for="datetime-local">Datetime-local</label><input type="datetime-local" name="datetime-local" id="datetime-local" value="datetime-local" /></div>
  <div><label for="email">Email</label><input type="email" name="email" id="email" value="email" /></div>
  <div><label for="file">File</label><input type="file" name="file" id="file" value="file" /></div>
  <!-- Skipped, 'hidden' and 'image'   -->
  <div><label for="month">month</label><input type="month" name="month" id="month" value="month" /></div>
  <div><label for="number">number</label><input type="number" name="number" id="number" value="number" /></div>
  <div><label for="password">Password</label><input type="password" name="password" id="password" value="password" /></div>
  <div><label for="radio">Radio</label><input type="radio" name="radio" id="radio" value="radio" /></div>
  <div><label for="range"></label><input type="range" name="range" id="range" value="range" /></div>
  <div><input type="reset" name="reset" id="reset" value="reset" /></div>
  <div><label for="search">Search</label><input type="search" name="search" id="search" value="search" /></div>
  <div><input type="submit" name="submit" id="submit" value="submit" /></div>
  <div><label for="tel">Tel</label><input type="tel" name="tel" id="tel" value="tel" /></div>
  <div><label for="text">Text</label><input type="text" name="text" id="text" value="text" /></div>
  <div><label for="time">Time</label><input type="time" name="time" id="time" value="time" /></div>
  <div><label for="url">URL</label><input type="url" name="url" id="url" value="url" /></div>
  <div><label for="week">week</label><input type="week" name="week" id="week" value="week" /></div>
  <div><label for="select">Select</label><select name="select" id="select"></select></div>
  <div><label for="textarea">Textarea</label><textarea name="textarea" id="textarea"></textarea></div>
  <div><button>Button</button></div>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
karlgrovespro
0viewers