Код IT
← Каталог

Шаблоны простых элементов веб-страниц — HTML

Фрагмент из «Шаблоны простых элементов веб-страниц»: HTML.

HTML main.html
<form class="input-demo">
  <div class="form-row">
    <label>Текст: <input type="text" placeholder="Имя"></label>
  </div>
  <div class="form-row">
    <label>Email: <input type="email" placeholder="user@example.com"></label>
  </div>
  <div class="form-row">
    <label>Пароль: <input type="password" placeholder="••••••••"></label>
  </div>
  <div class="form-row">
    <label>Телефон: <input type="tel" placeholder="+7 (999) 123-45-67"></label>
  </div>
  <div class="form-row">
    <label>Дата: <input type="date"></label>
  </div>
  <div class="form-row">
    <label>Число: <input type="number" min="0" max="100" step="1"></label>
  </div>
  <div class="form-row">
    <label>Цвет: <input type="color" value="#007bff"></label>
  </div>
  <div class="form-row">
    <label>Файл: <input type="file" accept="image/*"></label>
  </div>
  <div class="form-row">
    <label>Диапазон: <input type="range" min="0" max="100" value="50"></label>
  </div>
</form>
<form class="input-demo">
  <div class="form-row">
    <label>Текст: <input type="text" placeholder="Имя"></label>
  </div>
  <div class="form-row">
    <label>Email: <input type="email" placeholder="user@example.com"></label>
  </div>
  <div class="form-row">
    <label>Пароль: <input type="password" placeholder="••••••••"></label>
  </div>
  <div class="form-row">
    <label>Телефон: <input type="tel" placeholder="+7 (999) 123-45-67"></label>
  </div>
  <div class="form-row">
    <label>Дата: <input type="date"></label>
  </div>
  <div class="form-row">
    <label>Число: <input type="number" min="0" max="100" step="1"></label>
  </div>
  <div class="form-row">
    <label>Цвет: <input type="color" value="#007bff"></label>
  </div>
  <div class="form-row">
    <label>Файл: <input type="file" accept="image/*"></label>
  </div>
  <div class="form-row">
    <label>Диапазон: <input type="range" min="0" max="100" value="50"></label>
  </div>
</form>