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>JS Bin</title>
</head>
<body>
<form class="form" id="contactForm" action="#" method="post" novalidate>
​
<div class="form-row">
    <label for="field-name">Name</label>
    <input type="text" id="field-name" name="name" required data-error="Wpisz imię" pattern="[a-zA-ZąĄććę곣ńŃóÓśŚżŻŹŹ ]+">
</div>
<div class="form-row">
    <label for="field-email">Email</label>
    <input type="email" id="field-email" name="email" required data-error="Wpisz poprawny email" pattern="[^@\s]+@[^@\s]+\.[^@\s]+">
</div>
<div class="form-row">
    <label for="field-message">Message</label>
    <textarea id="field-message" name="message" required data-error="Wpisz wiadomość" pattern=".+"></textarea>
</div>
<div class="form-row">
    <label class="checkbox-cnt">
        <input type="checkbox" required id="checkbox-cnt" data-error="Zaakceptuj regulamin" name="regulation">
        <i class="state" aria-hidden="true"></i>
        <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
    </label>
</div>
<div class="form-row">
    <button type="submit" class="submit-btn">Wyślij</button>
</div>
​
</form>
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers