Основные Замечания - Полезные Советы
Совет: Внутри пункта списка вы можете вставить текст, переносы строк, изображения, ссылки другие списки и т.д.
| Примеры |
Различные типы упорядоченных списков
Демонстрирует различные типы упорядоченных списков.
Различные типы неупорядоченных списков
Демонстрирует различные типы неупорядоченных списков.
Вложенный список
Демонстрирует как вы можете создавать вложенные списки.
Вложенный список 2
Демонстрирует более сложный вложенный список.
Список определений
Демонстрирует список определений.
HTML Теги Списков
| Тег | Описание |
| <ol> | Определяет упорядоченный список |
| <ul> | пределяет неупорядоченный список |
| <li> | Определяет пункт списка |
| <dl> | Определяет список определений |
| <dt> | Определяет пункт списка определений |
| <dd> | Определяет описание пункта списка определений |
HTML Формы используются для различных форм ввода пользовательской информации.
|
| Примеры |
Создание текстовых полей
Как создать текстовые поля. Пользователь может писать текст в текстовом поле.
Создание поля ввода пароля
Как создать поле для ввода пароля.
(Вы найдете больше примеров внизу этой страницы).
HTML Формы
HTML формы используются для передачи данных на сервер.
Форма может содержать элементы ввода: текстовые поля, флажки, переключатели, кнопки подтверждения и другие. Форма также может содержать следующие элементы: списки выбора, текстовую область, группу полей, легенду, и метки.
|
|
|
Тег <form> используется для создания HTML формы:
| <form> . элементы ввода . </form> |
HTML Формы - Элемент Ввода
Наиболее важный элемент формы - элемент ввода.
Элемент ввода используется для ввода пользовательской информации.
Элемент ввода может меняться различными способами, в зависимости от атрибута type. Элемент ввода может иметь тип: текстовое поле, флажок, пароль, переключатель, кнопка подтверждения, и др.
Наиболее используемые типы ввода описаны ниже.
Текстовые Поля
<input type="text" /> определяет однострочное текстовое поле ввода, в которое пользователь может вводить текстовую информацию:
| <form> Имя: <input type="text" name="firstname" /><br /> Фамилия: <input type="text" name="lastname" /> </form> |
Как HTML код выше выглядит в браузере:
Имя:
Фамилия:
Замечание: Форма сама по себе не видима. Также отметьте что ширина текстового поля по умолчанию равна 20 символов.
Поле Ввода Пароля
<input type="password" /> определяет поле ввода пароля:
| <form> Пароль: <input type="password" name="pwd" /> </form> |
Как HTML код выше выглядит в браузере:
Пароль:
Замечание: Символы в поле ввода пароля маскируются (отображаются как звездочки или кружочки).
|
|
|
Переключатели
<input type="radio" /> определяет радио кнопку. Радио кнопки позволяют пользователю выбирать ТОЛЬКО ОДИН из ограниченного числа вариантов:
| <form> <input type="radio" name="sex" value="male" /> Мужской<br /> <input type="radio" name="sex" value="female" /> Женский </form> |
Как HTML код выше будет выглядеть в браузере:
Мужской
Женский
Флажки
<input type="checkbox" /> определяет флажок. Флажки позволяют пользователю выбрать ОДНУ или БОЛЕЕ опций из ограниченного числа вариантов.
| <form> <input type="checkbox" name="vehicle" value="bike" /> У меня есть мотоцикл <br /> <input type="checkbox" name="vehicle" value="car" /> У меня есть автомобиль </form> |
Как HTML код выше будет выглядеть в браузере:
У меня есть мотоцикл
У меня есть автомобиль
Дата добавления: 2019-01-14; просмотров: 222; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!