Пользователь:    Пароль:    Запомнить     
 

Тег input


Описание Тег input используются в основном для областей ввода данных (текстовых полей).
Тем не менее с его помощью можно вводить практически любые данные, что делает его достаточно универсальным элементом формы.
Синтаксис
  1. <form><input атрибут="значение">...
  2. Элементы формы
  3. ...
  4. </form>

Если атрибутов несколько, они перечисляются через запятую.
Атрибуты type
Задает тип области (элемента) ввода, может принимать значения:
  1. text - текстовая строка
  2. textarea - текстовая поле из нескольких строк
  3. file - строка для ввода имени файла, который пересылается на сервер.
  4. password - строка для ввода пароля (введенные символы обычно заменяются звездочками)
  5. radiobutton - переключатель с возможностью выбора одного значения
  6. checkbox - переключатель с возможностью выбора нескольких значений
  7. hidden - скрытое поле
  8. button - кнопка
  9. image - кнопка с изображением
  10. submit - кнопка для отправки данных
  11. reset - кнопка для очистки формы
name
Задает имя элемента формы, которое будет использоваться в скриптах.
value
Указывает данные, которые будут отправлены серверному скрипту.
checked
Задает выбранный по умолчанию переключатель для type="radiobutton" или type="checkbox".
maxlength
Задает максимальное число символов, которое может быть введено в поле ввода.
size
Задает ширину текстового поля (в символах, т.е. при size="20" ширина будет равняться двадцати символам).
src
Задает адрес изображения, которое будет использовано для type="image".
alt
Задает альтернативный текст для type="image".
border
Задает толщину рамки для type="image" (Если border="0" то рамка отсутствует).
align
Задает положение формы относительно других обьектов, может принимать значения:
  1. left - форма выравнивается по левому краю
  2. right - форма выравнивается по правому краю
  3. top - выравнивает верхнюю линию формы по верхней строке текста
  4. bottom - выравнивает нижнюю линию формы по нижней строке текста
  5. middle - выравнивает середину формы по центру строки текста
readonly
Запрещает пользователю изменять содержимое текстового поля.
disabled
В случае использования этого атрибута форма не будет активной.
Пример
  1. <form><input type="text" name="nik"> введите ник<br /><input type="text" name="mail"> введите e-mail<br /><input type="password" name="pass"> введите пароль<br />Какой у вас компьютер?<br /><input type="radio" name="drink" value="pc" checked>настольный<br /><input type="radio" name="drink" value="nb">ноутбук<br /></form>


(откроется в новом окне)
Частые ошибки
Примечания