123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- import React, { Component } from "react";
- export default class LoadForm extends Component {
- render() {
- return (
- <div className="form">
- <div className="form__input-box">
- <label className="form__input-lable" htmlFor="origin">
- Город отправитель
- <input className="form__input" id="origin" type="text" />
- </label>
- </div>
- <div className="form__input-box">
- <label className="form__input-lable" htmlFor="destination">
- Город получатель
- <input className="form__input" id="destination" type="text" />
- </label>
- </div>
- <div className="form__input-box">
- <label className="form__input-lable" htmlFor="name">
- Введите имя водителя
- <input className="form__input" id="name" type="text" />
- </label>
- </div>
- <div className="form__input-box">
- <label className="form__input-lable" htmlFor="night">
- Ночная перевозка ?
- <input className="form__input" id="night" type="checkbox" />
- </label>
- </div>
- <div className="form__input-box">
- <label className="form__input-lable" htmlFor="bodyType">
- Тип кузова
- <select className="form__input" name="bodyType" id="bodyType">
- <option value="type1">Тип 1</option>
- <option value="type2">Тип 2</option>
- <option value="type3">Тип 3</option>
- <option value="type4">Тип 4</option>
- </select>
- </label>
- </div>
- <div className="form__input-box">
- <label className="form__input-lable" htmlFor="load">
- Груз
- <input className="form__input" id="load" type="text" />
- </label>
- </div>
- <div className="form__button-box">
- <button className="form__submit-button">Создать Доставку</button>
- </div>
- </div>
- );
- }
- }
|