index.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>jQ HTML th optional inputs</title>
  6. </head>
  7. <body>
  8. <form action="">
  9. <p>Значения объекта "a":</p>
  10. <label for="a-name">Введите имя:</label><br>
  11. <input type="text" id="a-name"><br>
  12. <label for="a-surname">Введите фамилию:</label><br>
  13. <input type="text" id="a-surname"><br>
  14. <label for="a-age">Введите возраст</label><br>
  15. <input type="text" id="a-age"><br>
  16. <p>Значения объекта "b":</p>
  17. <label for="b-name">Введите имя:</label><br>
  18. <input type="text" id="b-name"><br>
  19. <label for="b-surname">Введите фамилию:</label><br>
  20. <input type="text" id="b-surname"><br>
  21. <label for="b-fathername">Введите имя отца</label><br>
  22. <input type="text" id="b-fathername"><br>
  23. <p>Значения объекта "c":</p>
  24. <label for="c-name">Введите имя:</label><br>
  25. <input type="text" id="c-name"><br>
  26. <label for="c-surname">Введите фамилию:</label><br>
  27. <input type="text" id="c-surname"><br>
  28. <label for="c-sex">Выберите пол</label><br>
  29. <select name="" id="c-sex">
  30. <option value="male">male</option>
  31. <option value="female">female</option>
  32. </select>
  33. <p>Значения объекта в массиве:</p>
  34. <label for="p-name">Введите имя:</label><br>
  35. <input type="text" id="p-name"><br>
  36. <label for="p-surname">Введите фамилию:</label><br>
  37. <input type="text" id="p-surname"><br>
  38. <label for="p-age">Введите возраст</label><br>
  39. <input type="text" id="p-age"><br>
  40. <p>
  41. <input type="submit" id="submit" value="Вывести таблицу">
  42. </p>
  43. </form>
  44. <script src="js/jquery-3.2.1.min.js"></script>
  45. <script src="js/main.js"></script>
  46. </body>
  47. </html>