Текстовые поля ввода
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 36 из 60.
В HTML текстовые поля ввода используются для создания полей форм, в которые пользователи могут вводить текст. Существуют различные типы текстовых полей, каждый из которых предназначен для определенных видов текстовых данных. Наиболее распространенным типом является однострочное текстовое поле, создаваемое с помощью тега <input> с атрибутом type, установленным в значение "text".
Вот базовый синтаксис для создания текстового поля ввода в HTML:
<input type="text" name="fieldname"><input>: Тег, который определяет поле ввода.type="text": Атрибут, который указывает тип ввода как текстовый.name: Атрибут, который присваивает полю ввода имя, используемое для идентификации данных при отправке формы.
Примечание:
input— это специальный тег, он не требует закрывающего тега!
Задание
ЛегкоСоздайте HTML-документ, который содержит форму со следующими текстовыми полями ввода:
- Текстовое поле ввода с именем “firstname”.
- Текстовое поле ввода с именем “lastname”.
Шпаргалка
Текстовые поля ввода создаются с помощью тега <input> с атрибутом type="text":
<input type="text" name="fieldname">type="text": Определяет тип ввода как текстовыйname: Идентифицирует данные при отправке формы
Примечание: <input> является самозакрывающимся тегом и не требует закрывающего тега.
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Напишите код здесь -->
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2