Mygtukų kūrimas naudojant HTML įvesties žymas formose

click fraud protection

Sukurkite tinkinamus teksto mygtukus HTML naudojant įvestis žyma. The įvestis elementas naudojamas a forma elementas.

Nustačius atributastipo „mygtukas“ sukuria paprastą spustelėjamą mygtuką. Galite apibrėžti mygtuką, kuris bus rodomas mygtuke, pvz., „Pateikti“, naudodami vertė atributas. Pavyzdžiui:


The įvestis žyma nepateiks HTML formos; privalote įtraukti „JavaScript“ tvarkyti formos duomenų pateikimą. Be „JavaScript“ paspaudus įvykį, mygtukas bus spustelėjamas, bet nieko neįvyks, ir jūs būsite nusivylę savo skaitytojus.

„Mygtuko“ žymos alternatyva

Nors naudojasi įvestis žymė, skirta sukurti mygtuką, veikia pagal paskirtį, tai yra geresnė galimybė naudoti mygtuką žymą, kad sukurtumėte savo svetainės HTML mygtukus. The mygtuką žymė yra lankstesnė, nes leidžia mygtukui naudoti vaizdus (o tai padės išsaugoti vizualų nuoseklumą, jei jūsų svetainė turi dizaino temą), pavyzdžiui, ją galima apibrėžti kaip mygtuko pateikimo arba atstatymo tipą, nereikalaujant jokio papildomo „JavaScript“.

instagram viewer

Nurodykite mygtuką tipo atributas bet kuriame mygtuką žymos. Yra trys skirtingi tipai:

  • mygtuką: Mygtukas neturi būdingo elgesio, tačiau naudojamas kartu su scenarijais, kurie veikia kliento pusėje, kuriuos galima pritvirtinti prie mygtuko ir įvykdyti jį spustelėjus.
  • atstatyti: Iš naujo nustatomos visos vertės.
  • Pateikti: Mygtukas pateikia formos duomenis serveriui (tai yra numatytoji reikšmė, jei tipas nėra apibrėžtas).

Kiti atributai:

  • vardas: Suteikia mygtukui nuorodos pavadinimą.
  • vertė: Nurodo reikšmę, kuri bus iš pradžių priskirta mygtukui.
  • išjungti: Išjungia mygtuką.

Eiti toliau su mygtukais

HTML5 prideda papildomų atributų prie mygtuką žymelę, kuri išplečia jos funkcionalumą.

  • automatinis fokusavimas: Kai puslapis įkeliamas, ši parinktis nurodo, kad šis mygtukas yra pagrindinis. Puslapyje galima naudoti tik vieną automatinį fokusavimą.
  • forma: Susieja mygtuką su konkrečia forma tame pačiame HTML dokumente, naudodamas formos identifikatorių kaip vertę.
  • formavimas: Naudojamas tik su type = "pateikti" ir URL kaip vertę, jis nurodo, kur bus siunčiami formos duomenys. Dažnai paskirties vieta yra PHP scenarijus ar kažkas panašaus,
  • formenctype: Naudojamas tik su type = "pateikti" atributas. Nurodo, kaip formos duomenys turi būti užkoduoti, kai jie pateikiami serveryje. Trys vertybės yra application / x-www-form-urlencoded (numatytas), kelių dalių / formos duomenys, ir tekstas / paprastas.
  • formos metodas: Naudojamas tik su type = "pateikti" atributas. Tai taip pat nurodo, kurį HTTP metodą naudoti pateikiant formos duomenis gauti arba paštu.
  • formnovalidatas: Naudojamas tik su type = "pateikti" atributas. Pateikti formos duomenys nebus patvirtinti.
  • formtarget: Naudojamas tik su type = "pateikti" atributas. Tai nurodo, kur turėtų būti rodomas svetainės atsakymas, kai pateikiami formos duomenys, pvz., Naujame lange ir pan. Vertės parinktys yra arba_ blank, _self, _parent, _top, arba konkretus rėmo pavadinimas.

Skaitykite daugiau apie mygtukų formavimas HTML formoseir kaip padaryti savo svetainę patogesnę vartotojui.

instagram story viewer