⚙️ Что такое атрибут required в HTML и зачем он используется?

Атрибут required делает поле формы обязательным для заполнения.

Если пользователь попытается отправить форму без значения — браузер покажет предупреждение.

➡️ Пример:

<form>
  <label>
    Email:
    <input type="email" required>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно:

• Проверка происходит прямо в браузере, без JavaScript
• Повышает удобство для пользователя
• Работает с <input>, <textarea>, <select>


required — простой способ добавить валидацию в форму «из коробки».

CodeBase | Frontend | #Основы

⚙️ Что такое атрибут minlength в HTML и зачем он используется?

Атрибут minlength задаёт минимальное количество символов, которое пользователь должен ввести в поле формы.

Если условие не выполнено — браузер покажет предупреждение

➡️ Пример:

<form>
  <label>
    Пароль (минимум 6 символов):
    <input type="password" minlength="6" required>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно:

• Добавляет валидацию прямо в браузере
• Удобен для паролей, логинов, текстовых полей
• Работает с <input> и <textarea>

minlength помогает контролировать корректность данных без JavaScript

CodeBase | Frontend | #Основы

⚙️ Что такое свойство line-height в CSS и зачем оно нужно?

Свойство line-height управляет расстоянием между строками текста.

Это влияет не только на читаемость, но и на вертикальный ритм всего интерфейса

➡️ Пример:

<p class="text">
  Это пример текста с увеличенным межстрочным интервалом.
</p>

<style>
  .text {
    font-size: 16px;
    line-height: 1.8;
  }
</style>

🗣️ Популярные приёмы:

• относительные значения (1.5–1.8) делают текст универсально читаемым
• фиксированные значения (например, 24px) применяются в строгих дизайн-системах
• полезно для типографики, карточек, описаний и списков

line-height — одно из ключевых свойств для визуального баланса текста в вебе

CodeBase | Frontend | #Основы