Стварэнне HTML-кнопкі на форме

Выкарыстанне ўводу тэгаў для адпраўкі формаў

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

Вось некалькі спосабаў, вы можаце прадставіць свае формы:

ўваходных элемент

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

<Уваходны тып = "Адправіць»> элемент можа быць напісаны так жа, як гэта. Але калі вы робіце, вы будзеце мець розныя вынікі ў розных браўзэрах. Большасць браўзэраў зрабіць кнопку, якая кажа «Submit», але Firefox робіць кнопку, якая кажа, каб змяніць тое, што кажа кнопка, вы павінны дадаць атрыбут «Адправіць запыт» .:

Значэнне = "Адправіць форму»>

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

OnClick = "адправіць ();">

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

SRC = "submit.gif">

КНОПКА Element

Элемент BUTTON патрабуе як адкрыццё tagand які зачыняе тэга Калі вы выкарыстоўваеце яго, любое ўтрыманне вы складзеце ўнутры тэга будзе заключана ў адной кнопцы. Затым вы активируете кнопку са скрыптам.

адправіць форму

Вы можаце ўключыць выявы ў кнопцы або камбінаваць малюнкі і тэкст, каб стварыць больш цікавую кнопку.

адправіць форму

COMMAND Element

Элемент COMMAND новы з HTML5. Яна не патрабуе ФОРМЫ, які будзе выкарыстоўвацца, але ён можа выступаць у якасці кнопкі адпраўкі для формы. Гэты элемент дазваляе ствараць больш інтэрактыўныя старонкі, не патрабуючы форму, калі вам сапраўды не патрэбныя формы. Калі вы хочаце, каб каманда, каб сказаць нешта, вы пішаце інфармацыю ў атрыбуце пазнакі.

пазнака = «Адправіць форму»>

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

значок = "submit.gif">

Гэты артыкул з'яўляецца часткай падручніка HTML - формаў. Прачытайце поўны падручнік , каб даведацца , як выкарыстоўваць HTML - форму.

HTML форма мае некалькі розных спосабаў, каб прадставіць, як вы даведаліся на папярэдняй старонцы. Два з гэтых метадаў з'яўляецца ўваход тэг і КНОПКА тэг. Ёсць важкія прычыны выкарыстоўваць абодва гэтых элемента.

ўваходных элемент

Тэг з'яўляецца самым простым спосабам прадставіць форму. Яна не патрабуе нічога, акрамя самога тэга, нават не ад значэння. Калі карыстальнік націскае на кнопку, яна адпраўляе аўтаматычна. Вам не трэба дадаваць якія-небудзь скрыпты, браўзэрам ведаць, каб адправіць форму, калі ўявіць УВАХОД тэг пстрыкнуў.

Праблема заключаецца ў тым, што гэтая кнопка вельмі непрыгожа і проста. Вы не можаце дадаваць выявы да яго. Вы можаце стыль яго гэтак жа, як і любы іншы элемент, але ён усё яшчэ можа адчуваць сябе як кнопка выродлівай.

Выкарыстоўвайце метад ўводу, калі ваша форма павінна быць нават у пад'ездзе браўзэраў, якія JavaScript выключаны.

КНОПКА Element

Элемент BUTTON прапануе больш магчымасцяў для завяршэння запаўнення формы. Вы можаце змясціць што-небудзь ўнутры кнопкі элемента і ператварыць яго ў кнопку адпраўкі. Часцей за ўсё людзі выкарыстоўваюць малюнкі і тэкст. Але вы можаце стварыць DIV і зрабіць што ўся рэч кнопку адпраўкі, калі вы хочаце.

Самы вялікі недахоп элемента BUTTON з'яўляецца тое, што ён не будзе аўтаматычна адправіць форму. Гэта азначае, што павінен быць нейкі тып сцэнара, каб актываваць яго. І таму ён меней даступны, чым метад INPUT. Любы карыстальнік, які не ўключаны JavaScript не зможа адправіць форму з толькі КНОПКА элементам прадставіць яго.

Выкарыстоўвайце метад КНОПКІ на формах, якія не гэтак крытычна. Акрамя таго, гэта выдатны спосаб дадаць дадатковыя опцыі прадстаўлення ў адной форме.

Гэты артыкул з'яўляецца часткай падручніка HTML - формаў. Прачытайце яго, каб даведацца больш аб тым, як выкарыстоўваць HTML-формы