Skip to main content

Sukurti mygtukus naudojant HTML įvedimo žymas formose

Anonim

Galite sukurti pritaikytus teksto mygtukus HTML, naudodami "" žyma The elementas naudojamas per

elementas

Nustatydami atributas tipo "mygtukui" bus sukurtas paprastas spustelėjamas mygtukas. Galite nustatyti tekstą, kuris bus rodomas ant mygtuko, pvz., "Pateikti", naudojant vertę atributas.

Pavyzdžiui:

Atminkite, kad žyma nepateiks HTML formos; vis tiek turėsite įtraukti "JavaScript", kad galėtumėte tvarkyti formos duomenų pateikimą. Be JavaScript paspaudus įvykis, pasirodys, kad mygtukas bus spustelėjamas, bet niekas nebus įvykdytas, ir jūs būsite nusivylę savo skaitytojus.

The

Nors naudojant mygtuką "Įvesties žymė" sukurtas mygtukas veikia pagal jo paskirtį, tai yra geresnis pasirinkimas naudoti žyma, kad sukurtumėte savo svetainės HTML mygtukus. The žymelė yra lankstesnė, nes ji leidžia jums naudoti mygtuko vaizdus (tai padeda išlaikyti vizualų nuoseklumą, jei jūsų svetainė turi dizaino temą), ir ji gali būti apibrėžiama kaip mygtukas "pateikti arba atstatyti", nereikalaujant jokių papildomų JavaScript

Jūs norėsite nurodyti mygtuką tipo atributas bet kuriame žymos Yra trys skirtingi tipai:

  • mygtukas - mygtukas neturi būdingo elgesio, bet naudojamas kartu su scenarijais, kurie paleidžiami kliento pusėje ir gali būti pritvirtinti prie mygtuko ir paleisti juos spustelėjus.
  • iš naujo nustatyti - Nustato visas vertes.
  • Pateikti - mygtukas pateikia serverio formos duomenis (tai yra numatytoji reikšmė, jei nenustatytas joks tipas).

Kiti atributai:

  • vardas - Leidžia mygtuką nurodyti pavadinimą.
  • vertę - Nurodo vertę, kuri iš pradžių priskiriama mygtukui.
  • išjungti - Išjungia mygtuką.

HTML5 prideda keletą papildomų atributų

  • formacija - Naudojamas tik su type = "submit" ir URL kaip vertę, jis nurodo, kur formos duomenys bus išsiųsti. Pavyzdžiui:
  • formenctype - Naudojamas tik su type = "submit" atributas. Nurodo, kaip formos duomenys turi būti užkoduoti, kai jie pateikiami į serverį. Trys vertės yra application / x-www-form-urlencoded (numatytas), kelių dalių / formos duomenys, ir tekstas / paprastas tekstas.
  • formmethod - Naudojamas tik su type = "submit" atributas. Tai nurodo, kuris HTTP metodas turi būti naudojamas pateikiant formos duomenis gauti arba paštu.
  • formnovalidate - Naudojamas tik su type = "submit" atributas. Duomenys formos nebus patvirtinti pateikus.
  • formtarget - Naudojamas tik su type = "submit" atributas. Tai rodo, kur turi būti rodomas svetainės atsakas, kai pateikiami formos duomenys, pvz., Naujame lange ir tt Vertės parinktys yra arba _blank, _self, _parent, _top, arba konkretus rėmo pavadinimas.
  • Jei naudojate formas, galbūt norėsite perskaityti HTML formų mygtukus ir kaip padaryti svetainę patogesnę.