Атрибутите width и height за <input>

Атрибутите width и height определят широчината и височината на <input> елемент.

Атрибутите width и height се използват само с <input type="image">.

	Винаги задавайте размера на изображението, ако браузъра не разполага с размера на изображението, страницата ще трепне когато зарежда изображението.

Пример

Заменя бутона Sumbit с изображение с точно определена височина и широчина (widht и height):

<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">

Атрибута list за <input>

Атрибута list води към <datalist> елемент който съдържа предварително определена информация за <input> елементите.

Пример

<input> елемент с предварително определена стойност в <datalist>:

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Атрибутите min и max за <input>

Атрибутите min и max определят минималната и максималната стойност за <input> елемент.

Атрибутите min и max работят със следните видове input : number, range, date, datetime, datetime-local, month, time и week.

Пример

<input> елементи с максимална и минимална стойност:

Въведете дата преди 1980-01-01:
<input type="date" name="bday" max="1979-12-31">

Въведете дата след 2000-01-01:
<input type="date" name="bday" min="2000-01-02">

Количество (между 1 и 5):
<input type="number" name="quantity" min="1" max="5">

Атрибута multiple за <input>

Атрибута multiple е булев атрибут.

Когато е зададен, той определя, че потребителя има право да въвежда повече от една стойност в <input> елемент.

Атрибута multiple работи със следните видове input : email, и file.

Пример

Поле за ъплоуд на файлове което приема няколко стойности:

Изберете изображение: <input type="file" name="img" multiple>

Атрибута patters за <input>

Атрибута pattern задава обикновен израз който не трябва да присъства като стойност в елемента <input> и елемента трябва да провери дали не присъства в полето.

Атрибута pattern работи със следните видове input : text, search, url, tel, email, и password.

Пример

input поле което може да съдържа само три букви (числата и специалните символи са забранени):

Пощенски код: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">

Атрибута placeholder за <input>

Атрибута placeholder се използва за да подскаже на потребителя каква стойност трябва да въведе в полето може да бъде примерна стойност или кратко описание.

Изписва се в input полето преди потребителя да въведе стойност.

Атрибута placeholder работи със следните видове input : text, search, url, tel, email, и password.

Пример

input поле с placeholder текст:

<input type="text" name="fname" placeholder="First name">

Атрибута required за <input>

Атрибута required е булев атрибут.

Когато се зададе, той определя, че input полето трябва да бъде попълнено преди изпращането на формата.

Атрибута required работи със следните видове input : text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.

Пример

Задължително поле:

Потребителско име: <input type="text" name="usrname" required>

Атрибута step за <input>

Атрибута step определя разрешените числови интервали за <input> елемент.

Пример: Ако step="3", разрешените числови интервали за <input> елемента ще бъдат -3, 0, 3, 6, etc.

Съвет: Атрибута step може да се използва заедно с max и min атрибутите за да създадете обхват от разрешени интервали.

Атрибута step работи със следните видове input : number, range, date, datetime, datetime-local, month, time и week.

Пример

input поле със зададен разрешен интервал :

<input type="number" name="points" step="3">

Тагът <input> в HTML5