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

Вы можаце ствараць наладжвальныя тэкставыя кнопкі ў HTML з дапамогай тэга . Элемент <ўваход> ​​выкарыстоўваецца ўнутры элемента

.

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

Напрыклад:

<Уваходны тып = "кнопка" значэнне = "Адправіць»>

Майце на ўвазе, што тэг <ўваход> ​​не будзе прадстаўляць форму HTML; вам усё роўна трэба ўключыць JavaScript, каб апрацоўваць прадстаўленне даных формы. Без OnClick падзеі JavaScript, кнопка будзе здавацца інтэрактыўнымі , але нічога не адбудзецца, і вы будзеце мець расчараванне вашых чытачоў.

& Л; кнопка & GT; тэг Alternative

Хоць з дапамогай ўводу пазнакі для стварэння кнопкі працы для сваёй мэты, гэта лепшы варыянт, каб выкарыстоўваць тэг <кнопку>, каб стварыць свой вэб-сайт кнопкі HTML. Тэг <кнопка> з'яўляецца больш гнуткай, паколькі ён дазваляе выкарыстоўваць выявы для кнопкі (якая дапаможа вам захаваць візуальную кансістэнцыю, калі ваш сайт мае дызайн тэму), да прыкладу, і яна можа быць вызначана як падаць або скідзе тыпу кнопкі без неабходнасці якіх-небудзь дадатковых JavaScript.

Вы хочаце , каб паказаць атрыбут тыпу кнопкі ў любых тэгаў <кнопка>. Ёсць тры розных тыпу:

  • Кнопка - кнопка не мае ўласнага паводзінаў , але выкарыстоўваецца ў спалучэнні са скрыптамі , якія выконваюцца на баку кліента , які можа быць прымацаваны да кнопкі і выконваецца пры пстрычцы.
  • Скід - скід ўсіх значэнняў.
  • ўявіць - Кнопка ўяўляе дадзеныя формы на сервер (гэта значэнне па змаўчанні , калі тып не вызначаны).

Іншыя атрыбуты ўключаюць у сябе:

  • Назва - Дае кнопку спасылкавага імя.
  • Значэнне - задае значэнне , якое будзе першапачаткова прызначаную кнопку.
  • адключыць - адключае кнопку.

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

  • аўтофакусоўка - Пры загрузцы старонкі, гэта паказвае , што гэтая кнопка знаходзіцца ў цэнтры ўвагі. Толькі адзін аўтафокус можна выкарыстоўваць на адной старонцы.
  • Форма - Звязвае кнопку з формай у межах таго ж HTML дакумента, з выкарыстаннем ідэнтыфікатара выгляду ў якасці значэння. Напрыклад:
    • Кнопка <тып = "адправіць" форма = "regform" значэнне = "Даслаць"> Адаслаць
  • formaction - Выкарыстоўваецца толькі з тыпам = «адправіць» і URL ў якасці значэння, гэта паказвае , дзе дадзеныя формы будуць адпраўленыя. Напрыклад:
    • Кнопка <тып = «адправіць» formaction = «/ submitted.php»> слаць гэтыя формы на іншую старонку
  • formenctype - Выкарыстоўваецца толькі з тыпам = «прадставіць» атрыбут. Вызначае, як дадзеныя формы павінны быць закадзіраваны, калі перадаюцца на сервер. Тры значэнні ужыванне / х-WWW-формаў-urlencoded ( па змаўчанні), шматчастковы / формаў-дадзеныя, і тэкст / раўніне.
  • formmethod - Выкарыстоўваецца толькі з тыпам = «прадставіць» атрыбут. Гэта вызначае , які метад HTTP, які выкарыстоўваецца пры адпраўцы дадзеных формы, альбо атрымаць або пост.
  • formnovalidate - Выкарыстоўваецца толькі з тыпам = «прадставіць» атрыбут. Дадзеныя Форма не будуць правярацца пры прадстаўленні.
  • formtarget - Выкарыстоўваецца толькі з тыпам = «прадставіць» атрыбут. Гэта паказвае на тое, дзе адказ сайта павінен адлюстроўвацца , калі дадзеныя формы перадаюцца, напрыклад, у новым акне, і г.д. Варыянты значэнняў альбо _blank, _self, _parent, _top або канкрэтнае імя фрэйма.

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