Lilo awọn aami Input HTML ati Bọtini Button ni Awọn fọọmu

O le ṣẹda awọn gbolohun ọrọ ti a le ṣe ojulowo ni HTML nipa lilo tag titẹ sii . Awọn ọna titẹ sii lo laarin aṣeyọri

.

Nipa siseto iru apẹrẹ si "bọtini," bọtini bọtini kan ti o ṣee ṣe yoo wa ni ipilẹṣẹ. O le ṣalaye ọrọ ti yoo han lori bọtini, gẹgẹbi "Firanṣẹ," nipa lilo ẹya iye .

Fun apere:

Mọ pe aami tag kii yoo fi iwe HTML han; o tun nilo lati ni JavaScript lati mu ifasilẹ data. Lai si iṣẹlẹ JavaScript loriclick , bọtini yoo han pe o jẹ ṣalara ṣugbọn nkan ko le ṣẹlẹ, iwọ yoo ti ba awọn onkawe rẹ jẹjẹ.

Awọn & Lt; bọtini & gt; Atokasi Aṣayan

Bi o ti nlo tag titẹ lati ṣẹda bọtini kan fun idi rẹ, o jẹ aṣayan ti o dara julọ lati lo aami tag lati ṣẹda awọn bọtini HTML rẹ. Itọka jẹ rọpọ nitori pe o fun ọ laaye lati lo awọn aworan fun bọtini (eyi ti o ṣe iranlọwọ fun ọ ni itọju aiṣe deede ti oju-iwe rẹ ti aaye rẹ ba ni akori oniru), fun apẹẹrẹ, ati pe o le ṣe alaye bi bọtini firanṣẹ tabi bọtini atunṣe lai nilo eyikeyi afikun JavaScript.

Iwọ yoo fẹ lati pato iru ẹda iru bọtini ni eyikeyi awọn aami afihan . Awọn oriṣiriṣi oriṣiriṣi mẹta wa:

  • Bọtini - Bọtini naa ko ni ihuwasi ti ko ni ojuṣe sugbon o lo ni apapo pẹlu awọn iwe afọwọkọ ti o nṣiṣẹ lori ẹgbẹ-ẹgbẹ ti a le so pọ si bọtini naa ki o pa nigba ti o ba tẹ.
  • Atunto - Tun gbogbo awọn iye.
  • firanṣẹ - Bọtini naa n pese iwe data si olupin (eyi ni iye aiyipada ti ko ba si iru ti wa ni telẹ).

Awọn ẹda miiran ni:

  • orukọ - Fun ni bọtini kan orukọ itọkasi.
  • iye - Tọkasi iye kan lati wa ni ibẹrẹ sọtọ si bọtini.
  • muu - Pa bọtini naa.

HTML5 ṣe afikun awọn eroja afikun si aami tag ti o fun ọ ni iṣẹ diẹ sii.

  • autofocus - Nigba ti awọn ẹri iwe, eyi sọ pe bọtini yii jẹ idojukọ. Nikan kan autofocus le ṣee lo lori iwe kan.
  • fọọmu - Ṣẹgbẹ bọtini pẹlu fọọmu kan laarin iwe HTML kanna, lilo idamọ ti fọọmu bi iye. Fun apere:
    • Firanṣẹ
  • formaction - Lo nikan pẹlu iru = "firanṣẹ" ati URL kan gẹgẹbi iye, o sọ ibi ti a ti firanṣẹ si awọn alaye. Fun apere:
    • Fi ọna kika silẹ si iwe miiran
  • formenctype - Lo nikan pẹlu iru = "fi" ẹda. Ṣafihan bi o ṣe n ṣe ayẹwo data lati yipada ni olupin. Awọn ipo mẹta jẹ ohun elo / x-www-form-urlencoded (aiyipada), ọpọ-ami / kika-data, ati ọrọ / itele.
  • formmethod - Lo nikan pẹlu iru = "fi" silẹ . Eyi ṣe alaye iru ọna HTTP lati lo nigbati o ba n firanṣẹ si ọna kika, boya gba tabi firanṣẹ.
  • formnovalidate - Lo nikan pẹlu iru = "fi" silẹ . Alaye ti a ko ṣe fọọmu nigbati a ba fi silẹ.
  • formtarget - Lo nikan pẹlu iru = "fi" silẹ . Eyi tọkasi ibi ti o yẹ ki o ṣe afihan ibudo aaye nigbati a ba fi data silẹ, gẹgẹbi ni window titun, ati bẹbẹ lọ. Awọn aṣayan iye jẹ boya _blank, _self, plainparent, _top, tabi orukọ fireemu pato.

Ti o ba nlo awọn fọọmu, o le fẹ lati kawe lori ṣiṣe awọn bọtini ni awọn fọọmu HTML , ati bi o ṣe le ṣe aaye rẹ siwaju sii ore olumulo.