Што такое HTML input type?

зваротная сувязь

Каб рабіць формы, можна выкарыстоўваць адну з найбольш распаўсюджаных метак . Яна адказвае за элементы, з якімі наведвальнікі працуюць. Так, дзякуючы гэтай пазнакі з'яўляецца магчымасць карыстацца адмысловымі тэкставымі палямі, кнопкамі, перамыкачамі, сцяжкамі і г.д.

Калі вам не трэба збіраць і аналізаваць інфармацыю, то гэтаму тэгу не абавязкова знаходзіцца ўсярэдзіне . Але калі вам трэба, каб матэрыялы, пакінутыя наведвальнікам, былі перададзеныя на сервер і пасля аналізаваць, тады пазнака формы абавязковая.

разнастайнасць

Цяпер мы пераходзім непасрэдна да атрыбуту HTML input. Type - гэта атрыбут, які паказвае выгляд элемента. Пры гэтым ён бывае абсалютна розным. Становіцца тэкставым полем, полем з паролем і г.д. Атрыбут многофункционален і можа даць карыстальніку магчымасць хутка ачысціць форму, запоўненую няслушна форму, альбо прымацаваць файл.

значэння

Ёсць дзясятак значэнняў для атрыбуту HTML input type. Text стварае на старонцы «рамачку» для ўводу інфармацыі. Можа выкарыстоўвацца для розных мэтаў: пошуку матэрыялаў на старонцы, уводу асабістых дадзеных і інш. Падобнае поле задаецца значэннем password. Вонкава выглядае як тэкставае, але ўся інфармацыя, якая туды ўводзіцца, пазначаецца «зорачкамі». Гэты варыянт часта ўжываюць для таго, каб навакольныя не маглі даведацца, які пароль вы ўводзіце.

Ёсць яшчэ два падобныя значэння для атрыбуту type: checkbox і radio. Першы варыянт уяўляе сабой сцяжок. Калі вам трэба на сайце зрабіць апытанне, то checkbox пераўтвараецца ва сцяжок. Прычым выбіраць трэба некалькі варыянтаў. Другі варыянт створаны з такой жа мэтай, але называецца «перамыкачом». Дазваляе выкарыстоўваць адзін варыянт адказу.

Шмат ёсць атрыбутаў, якія імітуюць кнопкі ў HTML. Input type submit стварае папулярную кнопку, дзякуючы якой можна пераслаць уведзеныя дадзеныя на сервер. Ёсць падобная, называецца image. Яна робіць тое ж самае, але набывае выгляд карцінкі, каб не выглядаць статычна. Ёсць проста кнопка са значэннем button.

Як ужо гаварылася раней, дзякуючы тэгу можна ствараць элементы для загрузкі файлаў або малюнкаў. Для гэтага выкарыстоўваецца значэнне для атрыбуту type - file. Вы напэўна бачылі падобны элемент на вэб-старонцы. Асабліва там, дзе можна загружаць файлы.

Апошняе значэнне для HTML input type - hidden. З дапамогай яго на вэб-старонцы можа з'явіцца схаванае поле. Яно ніяк не адлюстроўваецца для карыстальніка, але дапамагае распрацоўніку. Да прыкладу, калі на сервер трэба перадаць інфармацыю, якая была створана ім жа раней. Так з'яўляюцца нейкія пазнакі, якія прыкметныя толькі ў самым файле з кодам. Таксама, дзякуючы гэтаму значэнні фармуюць скрытыя дадзеныя для php або js.

іншыя атрыбуты

У HTML form type - не адзіны атрыбут. Цэлы спіс можна знайсці ў любым электронным падручніку па вывучэнні мовы разметкі. Да прыкладу, можна выкарыстоўваць align, з дапамогай якога можна вызначаць выраўноўванне малюнка. Гэты атрыбут працуе не толькі з формамі. Яго можна ўжываць, напрыклад, калі вы на сайт дадалі карту са сваім месцазнаходжаннем, але хочаце яе размясціць па-іншаму. Тады можна гэтаму атрыбуту даць значэнне middle, top, left і да т.п.

Каб прызначыць нейкі кнопцы альтэрнатыўны тэкст, выкарыстоўваюць атрыбут alt. Наогул, альтэрнатыўны тэкст неабходны для форс-мажораў. Выкажам здагадку, у карыстальніка праблемы з інтэрнэт-злучэннем, і кантэнт на вэб-старонцы павольна грузіцца. З-за таго, што кнопка прадстаўлена нейкім малюнкам, ён можа не прогружаться зусім. На яе месцы з'явіцца альтэрнатыўны тэкст, які вы пакажа. Так наведвальнік лёгка яе зможа знайсці, нават калі сама Пікчу так і не з'явіцца.

Атрыбут list можа дапамагчы з складаннем спісу варыянтаў. Калі карыстач у тэкставае поле пачынае ўводзіць дадзеныя, можа з'явіцца невялікі спіс слоў, падыходных для яго. Можна заблакаваць доступ і змяненне элемента з дапамогай атрыбуту disabled. Такіх атрыбутаў больш 30. Яны даюць магчымасць праграмісту карэктаваць працу падобных элементаў, задаваць ім значэнне, тып, форму і г.д.

высновы

Наогул, ведаць усе элементы, тэгі, атрыбуты і іх значэння няпроста. Асабліва калі вы толькі знаёміцеся з HTML. Тыя, хто працуе з гэтай мовай хоць бы пару гадоў, могуць лёгка апераваць большасцю з гэтых кодаў. А вось пачаткоўцам лепш карыстацца дадатковай інфармацыяй. Ёсць мноства дапаможнік, якія тлумачаць значэнне кожнага элемента.