Здесь может быть ваша реклама...
1000
участников
5500 читателей
Поле ввода password

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

<input type=password> Ваш пароль</input>


----------------------------------------------------

Переключатель checkbox


Этот элемент является полем в котором имеется возможность установить или снять флажок
(галочку) он предназначается для получения несложных логических значений. Он может принимать
лишь одно из значений:


•  On - флажок установлен

•  Off - флажок снят
Пример:
-------------------------------------------------------------------------------------

<input type=checkbox checked>С условиями я согласен</input>

<input type=checkbox>Соблюдать данные правила я согласен</input>
С условиями я согласен
Соблюдать данные правила я согласен

Переключатель radio


  Этот элемент применяется при реализации выбора одного из нескольких представленных вариантов
(меню выбора). Для того, что бы создать набор альтернатив нужно вывести определенное количество
таких элементов, которые совпадают с атрибутом name, но значения атрибута должны быть разными.
Эти элементы создают группу. Выбор одного  варианта из списка альтернатив происходит пометкой
его маркером. А маркеры оставшихся элементов в данной группе очищаются. После того, как данные
отправляются web-серверу значение элемента, который был отмечен маркером, будет отправлено в
качестве определенного значения альтернативы. 
Мужской
Женский

Submit (кнопка)


  Данный элемент является кнопкой, при нажатии на которую, данные, которые были введены в
определенные поля формы будут отправлены на web-сервер с целью обработки скриптом, который
указан в атрибуте action тэга form. Сама же надпись задается непосредственно в атрибуте value. Этот
же  атрибут  передается и в качестве значения кнопки.

<input type=reset value="Текст_на_кнопке" [disabled]/>

Пример:
------------------------------------------------------------

<input type=submit_value="Отправить" />
<input type=submit value disabled="Отправить" />

Кнопка reset



Данный элемент является кнопкой, при нажатии на которую, данные, которые были введены в определенные поля формы заменяются теми значениями, которые были по умолчанию или очищаются. Текст на кнопке нужно задавать в атрибуте value.

<input type=reset value=" Текст _на_кнопке" [disabled]/>
Пример:
------------------------------------------------------------

<input type=reset value="Сбросить" />
<input type=reset disabled value="Сбросить" />
Давайте подробнее рассмотрим дополнительные атрибуты тэга input:

checked
  Этот атрибут означает, что при показе страницы элемент будет помечен.

value
  Задает значение по умолчанию, для элемента управления.

readonly
  Указание этого атрибута запрещает в поле ввода, возможность изменения данных. Данные будут доступны только лишь для просмотра, но скопировать их можно. Атрибут имеет смысл использовать для элементов типа password и text.

disabled
  Данный атрибут делает элемент недоступным, как для копирования,  так и для редактирования. Текст подсвечивается серым цветом внутри поля.
name
  Атрибут, задающий имя элемента управления. Оно используется в качестве уникального идентификатора, по нему на стороне web-сервера возможно получить данные, которые были помещены посетителем в этот элемент.

size
  Атрибут, задающий в символах, по горизонтали  визуальный размер поля ввода.

maxlength
  Атрибут, задающий максимальное количество символов, которые доступны посетителю для ввода в поле. Если попытаться ввести большее, чем доступно, количество символов Web-браузер выдаст звуковой сигнал и не разрешит ввод. Если же значение атрибуту не присвоено, тогда в поле возможно ввести практически неограниченное количество символов. Данный атрибут имеет смысл использовать для элементов типа password.
Textarea поле ввода

  Этот элемент используют в процессе многострочного ввода. В этом поле происходит (производится)
перенос строк (автоматический), а так же прокрутка (скроллинг) содержимого поля. Текст будет
выводиться в поле ввода, размещенный между открывающим тэгом и закрывающим. Синтаксис тэга:


<textarea [name="имя_элементов"] [cols="N"] [rows="N"] [readonly] [disabled]>
...Текст... </textarea>

name
  Атрибут, задающий имя элемента управления. Это имя используется в качестве фактического
уникального идентификатора, по которому можно получить данные, на стороне web-сервера,
помещенные в это поле посетителем.
cols
  Задает в символах, по горизонтали визуальный размер поля ввода.

rows

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

readonly
  Указание этого атрибута запрещает в поле ввода, возможность изменения данных. Данные будут доступны только лишь для просмотра, но скопировать их можно.

disabled
  Данный атрибут делает элемент недоступным, как для копирования,  так и для редактирования. Текст подсвечивается серым цветом внутри поля.
Пример:
------------------------------------------------------------

<textarea rows="5" cols="50">
Москва,
Сычевское шоссе,
д.44, корпус 1
</textarea>

Загрузка файлов посредствам html- формы file



  Формы используются не только набора параметров и отправки определенных текстовых данных, а так же для отправки  на web-сервер файлов. Но для осуществления этот сервер обязан уметь принимать файлы, которые передаются. Сам же элемент управления имеете вид поля ввода с кнопкой для выбора файла, после нажатия на эту кнопку будет открыто стандартное окно проводника ОС, которое позволяет выбрать файл.

Синтаксис тэга:

<input type=files [name="имя_элементов"] [accept="типы_файлов"] />


name
  Атрибут, задающий имя элемента управления. Это имя используется в качестве фактического уникального идентификатора, по которому можно получить данные, на стороне web-сервера, помещенные в это поле посетителем.

accept
  Атрибут, задающий  список файлов, они могут быть загружены при помощи данного поля.
Пример:
----------------------------------------------------------------------------------------

<input type="files" name="pic" id="pic" accept="images/gif, images/jpeg" />

Элементы управления

     Множество элементов формы реализуется  при помощи тэга <input>. Он имеет 2 формы синтаксиса: полную и сокращенную.


Поле ввода text

     Этот элемент является однострочным полем ввода, в него можно ввести строковые данные: имя, телефон адрес и так далее.


Синтаксис тэга:
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Бесплатно создаем сайт
Полезная литература по созданию сайта
Основы HTML
Структура HTML-документов
Основные и вспомогательные тэги тела документа
Тэги списков
Гипертекстовые ссылки
Оформляем фон html-страницы
Графика в HTML
Web оптимизация графики
Стили оформления HTML-документа
Escape-
последовательности
Таблицы HTML
Структура таблицы
Заголовок, тело, подвал, строки и ячейки таблицы
Формы HTML, синтаксис форм
Элементы управления
Меню выбора
Оформляем HTML-формы
Фреймы HTML, синтаксис фрэймов
Тэг frameset
Тэги frame, noframes
Взаимодействия между фрэймами (планирование)
Карты изображений
Описание CGI интерфейса, разбираем данные HTML-форм
CGI-файл данных
Прямой возврат, обработка результата
Введение в CSS
Практическое освоение
Свойства элементов, которые управляются CSS
Прописываем мета-тэги и готовим web-страницы к публикации

Развитие и монетизация сайта
Начинающему
веб-мастеру
Введение и знакомство с HTML
Бесплатно создаем собственный сайт
Основы поисковой оптимизации
Что такое ТИЦ и PR и как их увеличить
Как раскрутить собственный сайт
Зарабатываем на собственном сайте
Помощь в выборе хостинг-провайдера
Загружаем сайт на хостинг
Полезные сайты
Полезная литература
Информация

Все о CSS
Самый простой курс
®
Поделитесь информацией с друзьями: