Guest User

Untitled

a guest
May 20th, 2018
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.51 KB | None | 0 0
  1. I created a form template with HTML5 validation:
  2.  
  3. ```html
  4. <body>
  5. <form class="register-form" action="/somewhere" method="post">
  6. <h1 class="register-form__title">Register account</h1>
  7. <div class="register-form__wrap-question">
  8. <label class="register-form__label" for="first-name">First name</label>
  9. <input class="register-form__input name-input"
  10. type="text"
  11. name="first_name"
  12. required
  13. pattern="[A-Za-z]+$"
  14. placeholder="Enter a valid first name"
  15. title="First name should only contain letters">
  16. </div>
  17. <div class="register-form__wrap-question">
  18. <label class="register-form__label" for="last-name">Last name</label>
  19. <input class="register-form__input name-input"
  20. type="text"
  21. name="last_name"
  22. required
  23. pattern="[A-Za-z]+$"
  24. placeholder="Enter a valid last name"
  25. title="Last name should only contain letters">
  26. </div>
  27. <div class="register-form__wrap-question">
  28. <label class="register-form__label" for="mail">Email</label>
  29. <input class="register-form__input mail-input"
  30. type="email"
  31. name="mail"
  32. required
  33. placeholder="Enter a valid email address"
  34. pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
  35. </div>
  36. <div class="register-form__wrap-button">
  37. <button class="register-form__button" type="submit" id="user_submit">Submit!</button>
  38. </div>
  39. </form>
  40. </body>
  41. ```
Add Comment
Please, Sign In to add comment