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

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

Мова

Што ж такое гэты HTML і каму ён патрэбен? Упершыню ён стаў вядомы яшчэ ў 1993 годзе. Гэта стандартызаваны інструмент, умоўна - для стварэння дакументаў у Інтэрнэце. Каб не паглыбляцца ў няпростую тэрміналогію праграмістаў, можна гэта ўсё растлумачыць прасцей. Вялікая частка вэб-старонак, якія вы бачыце ў сеткі, складаецца з каманд і кодаў. Усе яны і складаюць гэты мову.

Галоўным дадаткам, якое прайгравае HTML, лічыцца браўзэр. Менавіта для яго і адаптаваныя ўсе каманды. Ён інтэрпрэтуе ўсе вынікі, якія могуць быць напісаны ў звычайным "Нататніку", у фарматаваны тэкст на экране.

Структура

Каб не згубіцца ва ўсім тэкставым масіве, які напісаны на мове разметкі, і знайсці там патрэбныя атрыбуты HTML - input type, дакумент структурируют. Ён складаецца з элементаў, якія заключаны у тэгі.

Гэта асаблівыя пазнакі, наделяемые ўласцівасцямі тэксту, зняволенага ў тэг. Напрыклад, вам трэба зрабіць абзац. Вы бераце кавалак тэксту, каб аддзяліць яго, складаеце ў тэгі <p> і <p/>. Пазнакі са слешем (/) звычайна завяршаюць каманду і называюцца зачыняюць. Ёсць тэгі, якія не патрабуюць закрыцця. Напрыклад, <br> - гэта пазнака, якая стварае пропуск радка.

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

Больш:

Lenovo v580c: падрабязны агляд

Сёння мы вырашылі напісаць пра ноўтбуку Lenovo v580c. Агляд будзе падрабязным, так як гэты партатыўны ПК серыі IdeaPad мае высокую папулярнасць, але не многія ведаюць, чым жа прыцягвае гэта прылада пакупнікоў. Мадэль з'яўляецца хуткай і змяшчае ў саб...

Брандмаўэр - што гэта? Стандартны абаронца ПК

Брандмаўэр – што гэта такое? Карысная функцыя ў аперацыйнай сістэме або малаэфектыўныя сродак абароны? Перш чым адказаць на гэтае пытанне, нам трэба высветліць, што робіць кампутар і як правільна яго наладзіць.Агульныя звесткіДля паспяховай пра...

"Аблівіян": праходжанне гульні. Кіраўніцтва і парады па праходжанні гульні "Аблівіян"

The Elder Scrolls IV: Oblivion — ролевая гульня ад кампаніі Bethesda Games Studios. Адразу ж пасля рэлізу у 2006 годзе яна стала вельмі папулярнай. Сюжэт заснаваны на супрацьстаянні галоўнага героя і культу Прынца Разбурэння, які плануе адкрыць...

Форма

Каб знайсці атрыбут HTML input type, трэба вывучыць паняцце «форма». Адно з азначэнняў кажа аб тым, што гэта элемент, які дапамагае карыстачу ўвесці інфармацыю на сайце для далейшай яе апрацоўкі. Каб прасцей растлумачыць, трэба ўспомніць вэб-старонку. Вы, напэўна, бачылі на сайтах розныя элементы ў інтэрфейсе, якія прадстаўлены палямі для ўводу тэксту, кнопкамі, перамыкачамі і сцяжкамі.

Формы – гэта інструменты для карыстальніка. Яны даюць магчымасць наведвальніку шукаць інфармацыю на сайце, пакідаць каментарыі, удзельнічаць у апытаннях і інш Каб на старонцы актываваць якую-небудзь з прапанаваных формаў, трэба выкарыстоўваць тэг <form>.

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

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

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

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

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

Значэнні

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

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

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

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

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

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

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

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

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

Высновы

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