текстовое поле ввода

текстовое поле ввода

Здесь хочу добавит что не все знают как правильно писать формы для заполнения копируете и вставляйте.

<p>
Имя: <input type="text" name="firstname"><br>
Фамилия: <input type="text" name="lastname"><br>
E-mail: <input type="text" name="email"><br>
<input type="radio" name="sex" value="Male"> Мужской<br>
<input type="radio" name="sex" value="Female"> Женский<br>
<input type="submit" value="Отправить"> <input type="reset">
</p>
</form>


<isindex>

Создает однострочное текстовое поле ввода, в которое можно ввести любое количество
символов. Использование данного элемента нежелательно. Вместо него следует
применять тег <input>.
Атрибуты:
prompt=[строка]

Задает строку запроса для поля ввода.
Пример:
<isindex prompt="Введите фразу для поиска: «>

Такое же поле ввода можно создать с использованием элемента <input>
следующим образом:

<form action=»//www.acme.com" method="post">
<p>Введите фразу для поиска: <input type="text"></p>
</form>


<kbd>...</kbd>

Представление текста, который должен вводиться пользователем.
Атрибуты:
Нет.
Пример:
Введите <kbd>имя</kbd> и нажмите клавишу Enter.


<label>...</label>

Элемент <label>...</label> может использоваться для прикрепления информации к
элементам управления формы.

Каждый элемент <label>...</label> связан ровно с одним
управляющим элементом формы.


Атрибуты:

for=[имя]
Атрибут for явно связывает метку с другим управляющим элементом:
значение атрибута for должно совпадать со значением атрибута id
связанного управляющего элемента.

С одним и тем же управляющим
элементом может быть связано несколько элементов <label>...</label>, если
создать несколько ссылок с помощью атрибута for.

Атрибут id=[имя] может использовать во всех элементах HTML, кроме
<base>, <head>...</head>, <html>...</html>, <meta>, <script>...<script>,
<style>...<style>, <title>...<title> для назначения имени данному элементу,
которое в пределах документа должно быть уникальным.

Пример:
В следующем примере создается таблица, которая используется для
выравнивания двух полей для ввода текста, и связанные с полями ввода
метки:

<form action="//site.net/program/user" method="post">
<table>
<tr>
<td><label for="fname">Имя:</label>
<td><input type="text" name="firstname" id="fname">
<tr>
<td><label for="lname">Фамилия:</label>
<td><input type="text" name="lastname" id="lname">
</table>
</form>


<li>...</li>

Представление элемента списка. Конечный тег можно опустить.
Атрибуты:
value=[число]

Только для упорядоченных списков <ol>...</ol>. Этот атрибут
устанавливает номер текущего элемента списка.

Следует помнить, что, хотя
значением атрибута является целое число, соответствующая метка может
быть не числовой (см. атрибут start элемента <ol>...</ol>).

Пример:
В упорядоченных списках невозможно продолжать нумерацию
автоматически из предыдущего списка или убирать нумерацию для
некоторых элементов.

Однако можно пропустить несколько элементов
списка, установив для них атрибут value.

Нумерация для последующих
элементов списка продолжается с нового значения:


<ol>
<li value="20"> Элемент списка номер 20.
<li value="30"> Элемент списка номер 30.
<li> Элемент списка номер 31.
</ol>


<link>

Определяет связь. В отличие от элемента <a>...</a>, он может присутствовать только в
разделе <head>...</head> документа неограниченное число раз.

Хотя элемент <link> не
имеет содержимого, он хранит информацию об отношениях, которая может
представляться браузерами пользователей различными способами, например в виде
открывающегося списка ссылок.

Атрибуты:
href=[url]
Определяет местоположение ресурса Web.
rel=[список типов ссылок]

Описывает отношение текущего документа к ссылке, заданной атрибутом
href. Значением этого атрибута является разделенный пробелами список
типов ссылок:

alternate – Обозначает альтернативные версии документа, в котором
находится ссылка.

stylesheet – Обозначает внешнюю таблицу стилей. Используется вместе с
типом ссылки alternate для таблиц стилей, выбираемых пользователем.
start – Обозначает первый документ в наборе.

Этот тип ссылки сообщает
поисковым машинам, какой документ автор считает началом набора.
next – Обозначает следующий документ в линейной последовательности
документов.

Браузеры пользователей могут предварительно загружать
документ next для сокращения времени загрузки.
prev – Обозначает предыдущий документ в упорядоченной серии
документов.

Некоторые браузеры пользователей также поддерживают
синоним previous.

contents – Обозначает документ, служащий содержанием. Некоторые
браузеры также поддерживают синоним ToC (от «Table of Contents»).

index – Обозначает документ, являющийся указателем текущего документа.
glossary – Обозначает документ – глоссарий терминов, относящихся к
текущему документу.

copyright – Обозначает информацию об авторском праве для текущего
документа.
chapter – Обозначает документ, являющийся главой в наборе документов.


section – Обозначает документ, являющийся разделом в наборе
документов.

subsection – Обозначает документ, являющийся подразделом в наборе
документов.

appendix – Обозначает документ, являющийся приложением в наборе
документов.

help – Обозначает документ, содержащий справку – более подробную
информацию, ссылки на другие информационные ресурсы и т.д.
bookmark – Обозначает закладку.

Закладка – это ссылка на ключевую точку
в расширенном документе. Для пометки закладки может использоваться,
например, атрибут title. В каждом документе можно определить несколько
закладок.

Атрибут title=[строка] предоставляет информацию об элементе, для
которого он устанавливается.

В отличие от элемента <title>...</title>,
который предоставляет информацию обо всем документе и может
присутствовать в HTML-тексте только один раз, атрибут title может
сопровождать все элементы, кроме <base>, <basefont>, <head>...</head>,
<html>...</html>, <meta>, <param>, <script>...</script>, <style>...<stile>,
<title>...<title>.

Значения атрибута title могут использоваться программами просмотра по разному.

Например, визуальные браузеры часто отображают его как
подсказку – краткое сообщение, которое появляется при указании мышью
на объект.

Речевые браузеры могут проговаривать информацию заголовка.
Например, установка этого атрибута для ссылки позволяет браузерам –
визуальным и невизуальным – сообщить пользователям о природе
связанного ресурса.

rev=[список типов ссылок]
Используется для описания обратной ссылки из якоря, задаваемого
атрибутом href, в текущий документ.

Значением этого атрибута является
разделенный пробелами список типов ссылок (см. выше для атрибута rel).
Пример:

В данном примере показано, как несколько определений элемента <link>
могут быть представлены в разделе <head>...</head> документа. Текущим
документом является

Chapter2.html. Атрибут rel указывает отношение
связанного документа с текущим документом.

<head>
<title>Глава 2</title>
<link rel="index" href=".../index.html">
<link rel="next" href="Chapter3.html">
<link rel="prev" href="Chapter1.html">
</head>


<map>...</map>

Создает клиентскую навигационную карту, которая может быть связана с одним или
несколькими HTML-элементами: <img>, <object> или <input>.

Навигационная карта
связывается с элементом с помощью атрибута usemap.

Навигационные карты позволяют авторам определять области изображения или объекта
и назначать каждой из них определенное действие, например: загрузку документа,
запуск программы и т.д.

Когда область активизируется пользователем, выполняется
заданное действие.

Навигационная карта создается путем назначения объекта с
указанием соответствующих геометрических областей.

Существует два типа навигационных карт:
серверная; когда пользователь с помощью мыши активизирует область серверной
навигационной карты, координаты точки щелчка передаются серверу, определенному
с помощью атрибута href элемента <a>...</a>.

Cервер интерпретирует координаты и
выполняет соответствующие действия.

Если сервер предпринимает различные
действия в зависимости от места щелчка, пользователи неграфических браузеров не
смогут воспользоваться этим свойством.

По этой причине авторам следует
предусматривать альтернативные подходы, например использовать несколько кнопок
отправки, каждая с отдельным изображением, вместо одной графической кнопки;
клиентская; когда пользователь с помощью мыши активизирует область клиентской
навигационной карты, координаты точки интерпретируются браузером пользователя.

Браузер выбирает ссылку, указанную для активизированной области, и выполняет ее.

Клиентские навигационные карты являются более предпочтительными по сравнению с
серверными по крайней мере по двум причинам: они доступны пользователям
неграфических браузеров и позволяют незамедлительно определить, находится ли
указатель в активной области.

Атрибуты:
name=[имя]
Назначает имя навигационной карте, определяемой элементом
<map>...</map>, отсылающее к атрибуту usemap тега <img>.

Пример:
<img src="Obraz.gif" border=1 usemap="#p">
<map name="p">
<area href="r.html" alt="Процессоры" shape="rect"
coords="0,0,100,100">
<area href="ab.html" alt="Память" shape="rect"
coords="100,0,200,100">
<area href="pt.html" alt="Видеокарты" shape="rect"
coords="300,0,400,100">
<area href="st.html" alt="Мониторы" shape="rect"
coords="400,0,500,100">
</map>


<menu>...</menu>

Представляет информацию в формате, подобном меню.

Предназначается для
использования в списках меню, состоящих из одного столбца. Элемент имеет ту же
структуру, что и элемент <ul>...</ul>.

На практике браузеры генерируют список
<menu>...</menu> точно так же, как список <ul>...</ul>.

При использовании элемента
<menu>...</menu> реализуется не привычный выбор из меню, а только высвечивается
меню ключевых слов.

Чтобы отобразить выбор из меню, можно использовать элементы
<a>...</a>. Рекомендуется использовать вместо <menu>...</menu> элемент <ul>...</ul>.

Атрибуты:
compact
Сокращенные промежутки между элементами списка.

Пример:
<menu>
<li>Отменить
<li>Вырезать
<li>Копировать
<li>Вставить
<li>Найти
<li>Найти далее
</menu>


<meta>

Для задания метаинформации – информации о документе, т.е. пар имя/значение,
описывающих свойства документа, например: авторство, истечение даты, список
ключевых слов и т.д.

Элементы <meta> не влияют на отображение самого документа.

Атрибуты:
name=[имя]
Определяет имя свойства. В данной спецификации не перечисляются
допустимые значения этого атрибута.
content=[строка]

Определяет значение свойства. В данной спецификации не перечисляются
допустимые значения этого атрибута.
scheme=[строка]

Определяет имя схемы, используемой для интерпретации значения
свойства.
http-equiv=[строка]

Может использоваться вместо атрибута name. Серверы HTTP используют
этот атрибут для сбора информации для заголовков сообщений ответов HTTP.


Пример:

<meta http-equiv="Content-Type" content="text/html";
charset="Windows-1251">


<noframes>...</noframes>

Задает содержимое, которое должно отображаться только в том случае, если не
отображаются фреймы.

Браузеры пользователей, поддерживающие фреймы, должны
отображать содержимое объявления <noframes>...</noframes>, только если они
сконфигурированы так, чтобы не отображать фреймы.

Браузеры, не поддерживающие
фреймы, должны отображать содержимое элемента <noframes>...</noframes> в любом
случае.

Атрибуты:
Нет.
Пример:
Элемент <noframes>...</noframes> можно использовать в разделе
<frameset>...</frameset> документа с фреймами:

<frameset cols="50%, 50%">
<frame src="main.html">
<frame src="table.html">
<noframes>
<p>Это <a href="noframes.html">версия документа без
фреймов</a>
</noframes>
</frameset>


<noscript>...</noscript>

Позволяет авторам определять альтернативное содержимое, когда скрипт не
выполняется.

Содержимое элемента <noscript>...</noscript> должно генерироваться
браузерами пользователей, поддерживающими скрипты, только когда браузер

сконфигурирован так, чтобы не выполнять скрипты, или браузер не поддерживает язык
скриптов, используемый элементом <script>...</script>.

Браузеры, не поддерживающие
клиентские скрипты, должны представлять содержимое данного элемента.

Атрибуты:
Нет.
Пример:
В следующем примере браузер, выполняющий элемент <script>...</script>,
включит в документ динамически создаваемые данные.

Если браузер
пользователя не поддерживает скрипты, пользователь может загрузить эти
данные по ссылке.

Кто пропустил данную страницу можете просмотреть здесь

Ребята пишите в комментарии кому была полезно.

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: