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">
  <meta name="viewport" content="width=device-width">
  <title>Ideal form of addresses and credit cards</title>
</head>
<body>
  <form action="#">
    <fieldset>
      <legend>住所</legend>
      <label>
        名前: <input type="text" name="name" autocomplete="name">
      </label><br>
      <label>
        組織: <input type="text" name="organization" autocomplete="organization">
      </label><br>
      <label>
        郵便番号: <input type="text" name="postal-code" autocomplete="postal-code">
      </label><br>
      <label>
        都道府県: <input type="text" name="address-level1" autocomplete="address-level1">
      </label><br>
      <label>
        市区町村: <input type="text" name="address-level2" autocomplete="address-level2">
      </label><br>
      <label>
        その他の住所: <input type="text" name="street-address" autocomplete="street-address">
      </label><br>
      <label>
        国: <input type="text" name="country" autocomplete="country-name">
      </label><br>
      <label>
        メールアドレス: <input type="text" name="email" autocomplete="email">
      </label><br>
      <label>
        電話番号: <input type="text" name="tel" autocomplete="tel">
      </label>
    </fieldset>
    <fieldset>
      <legend>クレジットカード</legend>
      <label>
        クレジットカード番号: <input type="number" name="cc-number" autocomplete="cc-number">
      </label><br>
      <label>
        名前: <input type="text" name="cc-name" autocomplete="cc-name">
      </label><br>
      <label>
        有効期限: 
        <select autocomplete="cc-exp-month">
          <option value="1">01</option>
          <option value="2">02</option>
          <option value="3">03</option>
          <option value="4">04</option>
          <option value="5">05</option>
          <option value="6">06</option>
          <option value="7">07</option>
          <option value="8">08</option>
          <option value="9">09</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
        </select>月
        <select autocomplete="cc-exp-year">
          <option value="2017">2017</option>
          <option value="2018">2018</option>
          <option value="2019">2019</option>
          <option value="2020">2020</option>
          <option value="2021">2021</option>
          <option value="2022">2022</option>
          <option value="2023">2023</option>
        </select>年
      </label><br>
    </fieldset>
    <input type="submit" value="Submit"> (この情報はどこにも送信されません)
  </form>
</body>
</html>
 
​
 
​
Output

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

Dismiss x
public
Bin info
agektmrpro
0viewers