index.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Fourth task</title>
  6. </head>
  7. <body>
  8. <header>
  9. <h1>Fill the form</h1>
  10. </header>
  11. <form action="#">
  12. <p>
  13. <input type="text" name="user" >
  14. User name
  15. </p>
  16. <p>
  17. <input type="text" name="email">
  18. E-mail
  19. </p>
  20. <p>
  21. <input type="password" name="password">
  22. Password
  23. </p>
  24. <p> Sex :
  25. <input type="radio" name="Sex" value="male"> Male
  26. <input type="radio" name="Sex" value="female"> Female
  27. </p>
  28. <p>
  29. <input type="text" maxlength="2" pattern="[0-9]{2}"> Age
  30. </p>
  31. <p> Married :
  32. <input type="checkbox" name="married" value="yes"> Yes
  33. <input type="checkbox" name="married" value="no"> No
  34. </p>
  35. <p>
  36. <input type="tel" pattern="[+]38-[0-9]{3}-[0-9]{3}-[0-9]{2}-[0-9]{2}"> Phone in format : +38 (000) 000-00-00
  37. </p>
  38. <p>
  39. <select name="city" size="1">
  40. <option value="Kharkiv">Kharkiv</option>
  41. <option value="Izum">Izum</option>
  42. <option value="Kiev">Kiev</option>
  43. <option value="Dnipro">Dnipro</option>
  44. <option value="Krasnodon">Krasnodon</option>
  45. <option value="Belgorod">Belgorod</option>
  46. <option value="Lviv">Lviv</option>
  47. <option value="Rovno">Rovno</option>
  48. </select> Choose city
  49. </p>
  50. <p>
  51. <textarea name="about" cols="21" rows="6"></textarea>
  52. About
  53. </p>
  54. <p>
  55. <input type="submit" value="Submit">
  56. </p>
  57. </form>
  58. <ul>
  59. <li><a href="../1/index.html">First task</a></li>
  60. <li><a href="../2/index.html">Second task</a></li>
  61. <li><a href="../3/index.html">Third task</a></li>
  62. </ul>
  63. </body>
  64. </html>