Кнопка Подтверждения/Отправки
<input type="submit" /> определяет кнопку подтверждения (отправки).
Кнопка подтверждения используется для отправки данных на сервер. Данные отправляются на страницу указанную в атрибуте формы action. Файл указанный в атрибуте action обычно делает что либо с полученными данными:
| <form name="input" action="http://Uroki-HTML.ru/html_form_action.php" method="get"> Имя пользователя: <input type="text" name="user" /> <input type="submit" value="Отправить" /> </form> |
Как HTML код выше будет выглядеть в браузере:
Имя пользователя:
Если вы напечатаете некоторые символы в текстовом поле сверху и кликните на кнопке "Отправить", браузер пошлет введенные вами данные на страницу "html_form_action.php". Эта страница покажет вам то, что вы ввели.
| Еще примеры |
Переключатели
Как создавать переключатели.
Флажки
Как создавать флажки. Пользователь может выбрать флажок или отменить выбор флажка.
Простой раскрывающийся список
Как создать простой раскрывающийся список.
Раскрывающийся список с предварительно выбранным значением
Как создать раскрывающийся список с предварительно выбранным значением.
Текстовая область
Как создать многострочную область для ввода текста, куда пользователь может ввести неограниченное количество символов.
Создание кнопки
Как создать кнопку.
|
| Примеры Форм |
Группировка элементов ввода формы
Как создать границу вокруг элементов формы.
Форма с текстовыми полями и кнопкой подтверждения/отправки
Как создать форму с двумя текстовыми полями и кнопкой отправки даных.
|
|
|
Форма с флажками
Как создать форму с двумя флажками и кнопкой отправки даных.
Форма с переключателями
Как создать форму с двумя переключателями и кнопкой отправки даных.
Отправка электронной почты из формы
Как отправлять электронную почту их формы.
HTML Теги Форм
| Тег | Описание |
| <form> | Определяет форму для ввода пользовательских данных |
| <input> | Определяет элемент ввода |
| <textarea> | Определяет многострочную текстовую область ввода |
| <label> | Определяет метку (подпись) для элемента ввода |
| <fieldset> | Определяет границу вокруг элементов ввода формы |
| <legend> | Определяет заголовок для элемента группировки fieldset |
| <select> | Определяет список выбора (раскрывающийся список) |
| <optgroup> | Определяет группу связанных опций в списке выбора |
| <option> | Определяет опцию в списке выбора |
| <button> | Определяет кнопку |
С помощью фреймов несколько Веб страниц могут быть отображены в одном окне браузера .
ВНИМАНИЕ. В будущих версиях HTML фреймы могут перестать поддерживаться.
|
| Примеры |
Вертикальное расположение фреймов
Как сделать колонку фреймов из трех различных документов.
|
|
|
Горизонтальное расположение фреймов
Как сделать строку фреймов из трех различных документов.
(Вы найдете больше примеров внизу этой страницы).
HTML Фреймы
С помощью фреймов вы можете показать более одного HTML документа в том же окне браузера . Каждый HTML документ называется фреймом, и каждый фрейм является независимым от остальных .
Недостатки в использовании фреймов:
- Фреймы могут перестать поддерживаться в будущих версиях HTML
- Фреймы сложно использовать. (Печать старницы целиком затруднительна).
- Веб разработчик должен следить за большим количеством HTML документов.
HTML Элемент frameset
Элемент frameset содержит один или более элементов frame. Каждый элемент frame может содержать отдельный документ.
Элемент frameset указывает СКОЛЬКО столбцов или строк будет в наборе фреймов , и СКОЛЬКО процентов/пикселей пространства будет занимать каждый фрейм.
HTML Элемент frame
Тег <frame> определяет одно отдельное окно (фрейм) внутри набора фреймов (frameset).
В пример ниже мы имеем набор фреймов с двумя столбцами.
Первый столбец занимает 25% ширины окна браузера. Второй столбец занимает 75% ширины окна браузера. Документ "frame_a.htm" помещен в первый столбце, и документ "frame_b.htm" помещен во второй столбец:
|
|
|
| <frameset cols="25%,75%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> </frameset> |
Замечание: Размер столбца в наборе фреймов может также быть указан в пикселях (cols="200,500"), и один из столбцов может использовать оставшееся пространство, для чего надо указать вместо ширины звездочку (cols="25%,*").
Дата добавления: 2019-01-14; просмотров: 283; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!