JSFiddle - React, Tailwind, and code Playground

by TCloud

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>morozik</title>
  </head>

  <body>
    <form action="#" method="get">
      <div>
        <p>Имя</p>
        <input name="username" tabindex="1" placeholder="имя" type="text">
      </div>
      <div>
        <p>Пароль</p>
        <input tabindex="2" name="userpass" placeholder="пароль" type="password">
      </div>
      <div>
        <p>Телефон</p>
        <input tabindex="3" name="tel" placeholder="Телефон" type="tel">
      </div>
      <div>
        <p>Пол</p>
        <input tabindex="4" name="gender" checked type="radio" value="male">Мужской
      </div>
      <div>
        <input tabindex="5" name="gender" type="radio" value="femail">Женский
      </div>

      <div>
        <p>Имущество</p>
        <input tabindex="6" checked type="checkbox" name="bike" value="yes">Велик
      </div>
      <div>
        <input tabindex="7" type="checkbox" name="car" value="yes">Машина
      </div>
      <div>
        <input tabindex="8" type="checkbox" name="home" value="yes">дом
      </div>
      <div>
        <input disabled tabindex="9" type="checkbox" name="gold" value="yes">золото
      </div>
      <div>
        <p>Дополнительная информация</p>
        <textarea tabindex="10" name="text"></textarea>
      </div>
      <div>
        <p>Прикрепить фото</p>
        <input tabindex="11" type="file" name="userfoto">
      </div>
      <div>
        <p>Любимый цвет</p>
        <select tabindex="12" name="color">
          <option value="red">Красный</option>
          <option value="green">Зеленый</option>
          <option selected value="yellow">Желтый</option>
        </select>
      </div>
      <div>
        <p>Действия</p>
        <button tabindex="13" type="submit">Отправить</button>
        <button tabindex="14" type="submit">Отчистить</button>

      </div>


   ...