Тег input
Тегот input создава различни елементи
на HTML форма: обично поле за внесување, поле за
внесување лозинка, checkbox (чекбокс),
радио копчиња (radio), копче.
Тегот input треба да се наоѓа внатре во тегот
form.
Ова не е задолжително, но е неопходно за испраќање на
податоците до серверот и нивна последователна обработка
преку PHP.
Не бара затворачки тег.
Атрибути
| Атрибут | Опис |
|---|---|
type |
Го одредува типот на полето за внесување. Опциите видете подолу. |
value |
Стандардна вредност во полето за внесување. Во случај на копче, го одредува неговиот текст.
Повеќе детали видете во атрибутот value.
|
placeholder |
Совет во полето за внесување, повеќе детали видете во
атрибутот placeholder.
|
name |
Име на полето за внесување. Потребно е за да се достават податоците од полето за внесување во PHP. За коректно функционирање на формата, имињата на полињата за внесување не треба да се совпаѓаат едно со друго (во една форма). Ако се совпаѓаат - во PHP ќе пристигнат податоци од она поле за внесување кое е подолу во HTML кодот. |
disabled |
Го блокира елементот на формата (не само input, туку речиси секој),
повеќе детали видете во атрибутот disabled.
|
Вредности на атрибутот type
| Вредност | Опис |
|---|---|
text |
Создава обично текстуално поле за внесување. |
password |
Создава текстуално поле за внесување за лозинка. Обидете се да внесете текст во него - ќе се прикаже со ѕвездички. |
checkbox |
Создава чекбокс.
Повеќе детали видете во checkbox.
|
radio |
Создава радио копче.
Повеќе детали видете во radio.
|
hidden |
Создава скриено input поле, кое нема да биде видливо на екранот, но ќе ги испраќа податоците содржани
во атрибутот value до серверот.
|
button |
Создава копче. Притискањето на ова копче
нема да ја испрати формата до серверот. Може да се користи внатре во
линк или преку JavaScript.
Стандардно копчето нема текст (пример за копче без текст: ),
тој се задава со помош на value.
Видете исто така тег button,
кој исто така создава копче.
|
submit |
Создава копче, кое ќе ги испраќа податоците до серверот.
Текстот на копчето зависи од прелистувачот, може да се смени
со помош на value.
Видете исто така тег button,
кој исто така создава копче.
|
reset |
Создава копче, кое ја чисти пополнетата форма.
Текстот на копчето зависи од прелистувачот, може да се смени
со помош на value.
|
file |
Создава копче за избор на датотека. Дизајнот на ова копче не смее да се менува
преку CSS (сепак, постојат паметни начини). Ако ви е потребно такво поле во формата, тогаш
тегот form мора да има атрибут
enctype со вредност multipart/form-data.
|
Нови вредности за атрибутот type во HTML5
Овие вредности на атрибутот се нови, се појавија само во HTML5, па затоа во некои прелистувачи може да не работат или да работат различно во различни прелистувачи.
Во случај кога прелистувачот не може да го разбере содржината
на атрибутот type (на пример, ако не е
поддржан или е погрешно внесено),
тој ќе го смета елементот за обично текстуално
поле за внесување, како да во type стои вредноста
text.
Погледнете ги дадените примери подолу во
различни прелистувачи. Обидете се да внесувате
текст во полињата и да кликнете на копчето за испраќање.
Ако текстот е неточен или полето е празно -
прелистувачот ќе даде грешка. На пример, ако во
поле со тип email се внесе неточна
email адреса - прелистувачот нема да дозволи да се испрати формата и
ќе даде порака за грешка (текстот на грешката
и нејзиниот изглед не може да се менуваат преку html css).
Ако полето е празно - прелистувачот исто така ќе даде грешка,
ова се постигнува со помош на атрибутот required:
| Вредност | Опис |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
