Naudojant HTML įvedimo žymą ir mygtuko žymę formose

Nustatydami atributo tipą "mygtukas", bus sukurtas paprastas spustelėjamas mygtukas. Galite nustatyti tekstą, kuris bus rodomas ant mygtuko, pvz., "Pateikti", naudodami vertės atributą.

Pavyzdžiui:

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

& Lt; button & gt; Tag alternatyva

Nors naudojant mygtuką "Įvesties žymelė" sukurti savo tikslą, geresnis variantas yra naudoti žymą , kad sukurtumėte savo svetainės HTML mygtukus. žymeklis yra lankstesnis, nes jis leidžia naudoti, pavyzdžiui, paveikslėlius (kuris padeda išlaikyti vizualų nuoseklumą, jei jūsų svetainė turi dizaino temą), ir jį galima apibrėžti kaip mygtuką "pateikti arba atstatyti" be jokio papildomo JavaScript.

Jūs norėsite nurodyti mygtuko tipą bet kokiuose

žymėse. Yra trys skirtingi tipai:

• mygtukas - mygtukas neturi būdingo elgesio, tačiau jis naudojamas kartu su scenarijais, kurie veikia kliento pusėje ir gali būti pritvirtinti prie mygtuko ir paleisti juos spustelėjus.
• atstatymas - iš naujo nustato visas vertes.
• submit - mygtukas pateikia formos duomenis į serverį (tai numatytoji reikšmė, jei nenurodytas joks tipas).

Kiti atributai:

• pavadinimas - duoda mygtuką referencinį pavadinimą.
• vertė - Nurodo vertę, kuri iš pradžių priskiriama mygtukui.
• išjungti - išjungia mygtuką.

HTML5 prideda keletą papildomų atributų žymeklį

, kuris suteikia jums daugiau funkcijų.

• automatinis fokusavimas . Kai puslapis įkeltas, tai nurodo, kad šis mygtukas yra fokusavimas. Viename puslapyje galima naudoti tik vieną automatinį fokusavimą.
• forma - susiejamas mygtukas su formatu toje pačioje HTML dokumente, naudojant formos identifikatorių kaip vertę. Pavyzdžiui:

Submit

formaction - Naudojama tik tipo = "submit" ir URL kaip vertė, ji nurodo, kur formos duomenys bus išsiųsti. Pavyzdžiui:

pateikti formos duomenis į kitą puslapį

formenctype - Naudojamas tik atributui type = "submit" . Nurodo, kaip formos duomenys turi būti užkoduoti, kai jie pateikiami į serverį. Trys vertės yra application / x-www-form-urlencoded (numatytasis), multipart / form-data ir text / plain.

formmethod - Naudojamas tik su tipo = "submit" atributas. Tai nurodo, kokį HTTP metodą naudoti pateikdamas formos duomenis, gauti arba paskelbti.

formnovalidate - Naudojamas tik su tipo = "submit" atributas. Duomenys formos nebus patvirtinti pateikus.

formtarget - Naudojamas tik atributui type = "submit" . Tai nurodo, kada svetainės atsakas turėtų būti rodomas, kai pateikiami formos duomenys, pvz., Naujame lange ir tt Vertės parinktys yra _blank, _self, _parent, _top arba konkretus rėmelio pavadinimas.

Jei naudojate formas, galbūt norėsite perskaityti HTML formų mygtukus ir kaip padaryti svetainę patogesnę.