Статьи, пособия, примеры начинающим вебмастерам.

Горячий поиск: PHP CSS SEO
Главная » Главная Тег input

Тег input


Описание Тег input используются в основном для областей ввода данных (текстовых полей). Тем не менее с его помощью можно вводить практически любые данные, что делает его достаточно универсальным элементом формы.
Синтаксис
<form>
<input атрибут="значение">
...
Элементы формы
...
</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
В случае использования этого атрибута форма не будет активной.
Пример
<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>

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

Валидация

Правильний CSS!

Valid XHTML 1.0 Transitional

Статистика

Генерация страницы: 0.33 секунд, SQL-запросов: 8.

Copyright

© 2008-2013 webamator.ru

Условия заимствования материалов.