Хаки и Скрипты Next Generation CMS : HTML5, html : Тег input

irbees2008 Опубликовано - 3 - июля HTML5

Автор: --------------
Адаптировал: irbees2008
Уровень сложности исполнения: Справочник

Тег

Код:

<input />

создает поле для ввода данных или кнопку:

Код:

<html>
<body>
<form action="">
<input type="radio" name="Sex" value="Мужской" checked="checked" /> Мужчина<br />
<input type="radio" name="Sex" value="Женский" /> Женщина<br />
<input type="text" size="20" value="Россия" /> Страна<br />
<input type="text" size="20" /> Город<br /><br />
<input type="image" src="../images/input_img.png" /><br />
</form>
</body>
</html>

Атрибуты и значения

Атрибут type="" со значениями: button, checkbox, color, date, datetime, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week – указывает тип тега

Код:

<input />

(text – по умолчанию).
Атрибут src="" – указывает url изображения-кнопки, применяется совместно с type="image".
Флажок checked="checked" – устанавливает для примера одно из предложенных значений, применяется совместно с type="checkbox" или type="radio".
Атрибут name="" – присваивает имя элементу. Используется для идентификации полученной информации при обработке данных.
Атрибут value="" используется в различных целях: надписует кнопки (если применяется совместно с type="submit" или с type="reset"), хранит некоторые значения, которые отправляются на обработку (если применяется совместно с type="checkbox" или с type="radio"), устанавливает значения по умолчанию для текстовых полей ввода данных (если применяется совместно с type="text" или с type="password").
Атрибут size="20" – устанавливает длину текстового поля в символах.
Флажок required="required" – определяет обязательное для заполнение поле.
Атрибут autocomplete="" со значениями on, off – говорит браузеру сохранять или не сохранять введенные пользователем данные в поля формы. Другими словами, данные автоматически отобразятся в текстовом поле формы, при повторной попытке ввода, если установлено значение on.
Флажок multiple="multiple" – разрешает выбирать более одного значения из списка.
Атрибут min="6" – устанавливает минимально допустимое количество вводимых символов.
Атрибут max="20" – устанавливает максимально допустимое количество вводимых символов.
Атрибут maxlength="30" – устанавливает максимально допустимое количество вводимых в текстовое поле символов.
Атрибут height="" – определяет высоту поля в пикселях или в процентах.
Атрибут width="" – определяет ширину поля в пикселях или в процентах.
Атрибут form="имя формы" – указывает имя формы, которой принадлежит элемент

Код:

<input />

.
Атрибут formmethod="" со значениями get, post, put, delete – определяет метод отправки данных на обработку по обозначенному url. Имеет преимущество перед атрибутом method="" тега

Код:

 <form>

.
Атрибут formaction="url" – определяет url, по которому будут отправлены данные. Имеет преимущество перед атрибутом action="" тега

Код:

<form>

.
Атрибут list="" – смотрите теги

Код:

<datalist> </datalist>

Можешь почитать и вот эту статейку "Делаем стильные radio кнопки"

Это тоже интересно

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