index.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. import React, { Component } from "react";
  2. export default class LoadForm extends Component {
  3. render() {
  4. return (
  5. <div className="form">
  6. <div className="form__input-box">
  7. <label className="form__input-lable" htmlFor="origin">
  8. Город отправитель
  9. <input className="form__input" id="origin" type="text" />
  10. </label>
  11. </div>
  12. <div className="form__input-box">
  13. <label className="form__input-lable" htmlFor="destination">
  14. Город получатель
  15. <input className="form__input" id="destination" type="text" />
  16. </label>
  17. </div>
  18. <div className="form__input-box">
  19. <label className="form__input-lable" htmlFor="name">
  20. Введите имя водителя
  21. <input className="form__input" id="name" type="text" />
  22. </label>
  23. </div>
  24. <div className="form__input-box">
  25. <label className="form__input-lable" htmlFor="night">
  26. Ночная перевозка ?
  27. <input className="form__input" id="night" type="checkbox" />
  28. </label>
  29. </div>
  30. <div className="form__input-box">
  31. <label className="form__input-lable" htmlFor="bodyType">
  32. Тип кузова
  33. <select className="form__input" name="bodyType" id="bodyType">
  34. <option value="type1">Тип 1</option>
  35. <option value="type2">Тип 2</option>
  36. <option value="type3">Тип 3</option>
  37. <option value="type4">Тип 4</option>
  38. </select>
  39. </label>
  40. </div>
  41. <div className="form__input-box">
  42. <label className="form__input-lable" htmlFor="load">
  43. Груз
  44. <input className="form__input" id="load" type="text" />
  45. </label>
  46. </div>
  47. <div className="form__button-box">
  48. <button className="form__submit-button">Создать Доставку</button>
  49. </div>
  50. </div>
  51. );
  52. }
  53. }