Forms · Формы
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Эта страница требует современного браузера (с поддержкой SharedArrayBuffer). Пожалуйста, обновите Chrome, Edge, Firefox или Safari до последней версии.
English
Forms
- A form lets people type things in — a name, a message, a search.
- The boxes you type in are called inputs.
- A text box is
<input type="text">— a single tag, like<img>.
Русский
Формы
- Форма позволяет людям вводить данные — имя, сообщение, запрос поиска.
- Поля, в которые вы вводите текст, называются элементами ввода (inputs).
- Текстовое поле — это
<input type="text">— отдельный тег, подобный<img>.
English
Labels and buttons
- A
<label>is the words next to an input, telling the user what it is for. - A
<button>is something to click — like Send or Search. - We won't actually send anything here — we're just learning the tags.
Русский
Метки и кнопки
<label>— это слова рядом с элементом ввода, сообщающие пользователю, для чего он предназначен.<button>— это элемент, на который можно нажать, например Отправить или Найти.- Мы здесь ничего отправлять не будем — мы просто изучаем теги.
<label>Your name:</label>
<input type="text">
<button>Send</button>
English
Common mistakes
- Every input should have a matching
<label>. - A button in a form submits it by default — use
type="button"to stop that.
Русский
Распространенные ошибки
- У каждого элемента ввода должна быть соответствующая
<label>. - Кнопка в форме по умолчанию отправляет её; используйте
type="button", чтобы предотвратить это действие.
English
Now you try
- Inputs and buttons are the building blocks of every form on the web.
- Add a text box, then a button.
Русский
Теперь попробуйте сами
- Элементы ввода и кнопки являются строительными блоками любой веб-формы.
- Добавьте текстовое поле, а затем кнопку.
Add a box the user can type in. Use <input type="text"> (a single tag, like <img>). · Добавьте поле для ввода текста. Используйте ⟨<input type="text">⟩ (одиночный тег, например, ⟨<img>⟩).
Add a button that says Send. Use <button>Send</button>. · Добавьте кнопку с надписью Отправить. Используйте ⟨<button>Send</button>⟩.