index.blade.php 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="Пример на bootstrap 4: Checkout - пользовательская форма заказа, показывающая компоненты формы и функции проверки.">
  7. <title>Форма</title>
  8. <!-- Bootstrap core CSS -->
  9. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  10. <style>
  11. .bd-placeholder-img {
  12. font-size: 1.125rem;
  13. text-anchor: middle;
  14. }
  15. @media (min-width: 768px) {
  16. .bd-placeholder-img-lg {
  17. font-size: 3.5rem;
  18. }
  19. }
  20. </style>
  21. <!-- Custom styles for this template -->
  22. <link href="css/form-validation.css" rel="stylesheet">
  23. </head>
  24. <body class="bg-light">
  25. <div class="container">
  26. <div class="py-5 text-center">
  27. <img class="d-block mx-auto mb-4" src="/docs/4.3.1/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72" alt="bootstrap">
  28. <h1>Заполните форму</h1>
  29. </div>
  30. <form class="needs-validation" novalidate="" method="POST" action="{{action('FormController@inde')}}">
  31. {{csrf_field()}}
  32. <div class="row">
  33. <div class="col-md-6 mb-3">
  34. <label for="firstName">Имя</label>
  35. <input type="text" class="form-control" id="firstName" name="firstName" placeholder="" value="" required="">
  36. <div class="invalid-feedback">
  37. Valid first name is required.
  38. </div>
  39. </div>
  40. <div class="col-md-6 mb-3">
  41. <label for="lastName">Фамилия</label>
  42. <input type="text" class="form-control" id="lastName" name="lastName" placeholder="" value="" required="">
  43. <div class="invalid-feedback">
  44. Valid last name is required.
  45. </div>
  46. </div>
  47. </div>
  48. <div class="mb-3">
  49. <label for="email">Email</label>
  50. <input type="email" class="form-control" id="email" name="email" placeholder="you@example.com">
  51. <div class="invalid-feedback">
  52. Please enter a valid email address for shipping updates.
  53. </div>
  54. </div>
  55. <hr class="mb-4">
  56. <button class="btn btn-primary btn-lg btn-block" type="submit">Отправить</button>
  57. </form>
  58. </body>
  59. </html>