Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
<INPUT...>

Атрибуты данного элемента

type text |password| checkbox| radio| submit| reset| file| hidden| image| button Данный атрибут создаёт элемент формы определенного типа. О типах элементов формы речь пойдёт далее. По умолчанию используется тип «text».
name Название элемента, название объединяется со значением элемента формы при отправке качестве строки на сервер.
value Значение элемента. Оно необязательно, за исключением элементов radio.
size Исходная ширина элемента формы. Значение устанавливается в пикселях, за исключением элементов "text" и "password", для которых значение указывается в количестве символов.
maxlength Для элементов "text" или"password", данный атрибут определяет максимальное количество символов допустимых для ввода пользователем. По умолчанию количество символов для ввода не ограничено.
checked Для элементов "radio", данный атрибут устанавливает их во включенное положение. Для других типов элементов формы применение данного атрибута бессмысленно.
src Если в качестве кнопки используется изображение, то данный атрибут позволят указать адрес к данному изображению.

Тип элементов формы:

text Данный тип создаёт однострочное поле для ввода текста. «text».
password Данный атрибут имеет то же назначение, что и тип «text», однако, вводимый текст, как правило, отображается в качестве звездочек.
checkbox Данный тип создаёт переключатели формы, которые могут находиться во включенном или отключенном положении. При отправке формы передаются значения только включенных переключателей. В одной форме допускается указывать несколько переключателей с одинаковым именем.
radio Данный тип создаёт элемент «флажок». Положение флажка может быть включенным или отключенным. Так же как и для элементов переключателей значение включенного флажка передается на сервер. Основное отличие флажков от переключателей заключается в том, что при выборе флажков с одинаковыми именами, выбирается только один флажок.
submit Создаёт элемент кнопку, при нажатии которой, по адресу, указанному в атрибуте action, будут отправлены данные формы. Форма может иметь несколько кнопок данного типа, однако, будут отправлены данные, содержащиеся в активной кнопке.
image Данный тип предназначен для создания графической кнопки. В атрибуте src данного элемента необходимо указать адрес к изображению, используемому в качестве кнопки. Согласно рекомендации настоятельно рекомендуется использовать альтернативный текст данного элемента. При использовании графического изображения кнопки ил карты изображения на сервер вместе с данными формы отправляются координаты курсора мыши на кнопке изображении. При этом координаты будут находиться в переменной, под названием name_x и name_y, где name - значение атрибута name элемента submit. В качестве графической кнопки допускается использовать карту изображения, размеченную с помощью элементов area.
reset Кнопка сброса значений формы, либо возврата их в первоначальное положение.
button Элемент кнопка, не имеющих специального значения при отправке данных формы. Данный элемент может пригодиться для запуска некоторых функций на языке javascript.
hidden Данный элемент содержится внутри формы, но не отображается для пользователя. Элемент предназначен для хранения данных не предназначенных для пользователя, но необходимых для обработки на стороне сервера.
file Элемент позволяющий выбирать файлы для загрузки.

В следующем примере создана форма, в которой пользователю предлагается ввести имя, фамилию, email, пол и отправить для обработки данные программе, указанной в атрибуте action:

  1.<FORM action="http://somesite.com/prog/adduser" method="post">
  2. <P>
  3. Имя: <INPUT type="text" name="firstname"><BR>
  4. Фамилия: <INPUT type="text" name="lastname"><BR>
  5. email: <INPUT type="text" name="email"><BR>
  6. <INPUT type="radio" name="sex" value="Male"> Мужской<BR>
  7. <INPUT type="radio" name="sex" value="Female"> Женский<BR>
  8. <INPUT type="submit" value="Send"> <INPUT type="reset">
  9. </FORM>
10.
11.

Для того чтобы отправить (загрузить) файл на сервер необходимо указать атрибут «enctype» равным «multipart/form-data»:

  1.<FORM action="http://server.dom/cgi/handle"
  2. enctype="multipart/form-data"
  3. method="post">
  4.Ваше имя <INPUT type="text" name="name_of_sender">
  5. Файл для загрузки <INPUT type="file" name="name_of_files">
  6.</FORM>


Доступ и установка с jQuery

  • Получить коллекцию элементов INPUT: val = $("INPUT");
  • Получить класс элементаINPUT: val = $("INPUT").attr("class");
  • Установить несколько CSS свойств HTML элементу INPUT: $("INPUT").css({"...":"..."});
  • Установить единичное CSS свойство HTML элементу INPUT: $("INPUT").css("...","...");
  • Как использовать jQuery для HTML, - читайте статью "jQuery и HTML для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org