Օգտագործելով HTML ներածման պիտակը եւ կոճակը տառատեսակները

Հատկորոշման տեսակը «կոճակ» սահմանելու միջոցով կստեղծվի պարզ սեղմվող կոճակ: Դուք կարող եք սահմանել տեքստը, որը կհայտնվի կոճակի վրա, ինչպես օրինակ, «Ներկայացրեք», օգտագործելով արժեքի հատկանիշը:

Օրինակ:

Տեղեկացեք, որ պիտակը չի ներկայացնի HTML ձեւ; դուք դեռ պետք է ներգրավել JavaScript- ի ձեւի տվյալների ներկայացման համար: Առանց JavaScript- ի onclick միջոցառման, կոճակը կհայտնվի կտտացնելով, բայց ոչինչ չի պատահի, եւ դուք հիասթափեցրեք ձեր ընթերցողներին:

& Lt; կոճակը & gt; Այլընտրանքային տարբերակ

Թեեւ օգտագործելով մուտքի պիտակը, ստեղծելու կոճակ, որն աշխատում է իր նպատակին, ավելի լավ տարբերակ է պիտակը օգտագործել ձեր կայքի HTML կոճակները ստեղծելու համար: պիտակը ավելի ճկուն է, քանի որ այն թույլ է տալիս օգտագործել պատկերներ կոճակի համար (որը օգնում է պահպանել տեսողական հետեւողականություն, եթե ձեր կայքը ունի դիզայն թեման), եւ այն կարող է սահմանվել որպես կոճակի ներկայացման կամ վերակայման ձեւ առանց լրացուցիչ JavaScript- ի կարիքների:

Դուք կցանկանաք նշել կոճակի տեսակը հատկանիշը ցանկացած <կոճակը> պիտակներում: Կան երեք տարբեր տեսակներ.

• կոճակը - կոճակը չունի բնորոշ վարքագիծ, բայց օգտագործվում է հաճախորդի կողմից առաջադրված սցենարների հետ համատեղ, որը կարող է կցված լինել կոճակին եւ կատարվելիս, երբ այն սեղմվում է:
• reset - Վերացնում է բոլոր արժեքները:
• submit - կոճակը ներկայացնում է ձեւաթղթեր սերվերում (սա նախնական արժեք է, եթե որեւէ տիպ չի սահմանվել):

Այլ հատկանիշներ են `

• անունը - կոճակը հղում է տալիս:
• արժեք - Սահմանում է կոճակը սկզբնապես նշանակված արժեք:
• անջատել - Անջատել կոճակը:

HTML5 ավելացնում է որոշակի լրացուցիչ հատկանիշներ <կոճակը> պիտակին, որը ձեզ ավելի շատ ֆունկցիոնալություն է տալիս:

• autofocus - Երբ էջը բեռնվում է, սա նշանակում է, որ այս կոճակը ուշադրության կենտրոնում է: Էջում կարող է օգտագործվել միայն մեկ autofocus:
• Ձեւը - կոճակը միեւնույն HTML փաստաթղթի ձեւով կապում է ձեւի նույնացուցիչը, որպես արժեք: Օրինակ:
  • <կոճակի տեսակը = "ներկայացնել" form = "regform" value = "Ներկայացնել"> Ներկայացնել
• formaction - Օգտագործվում է միայն type = "ներկայացնել" եւ URL որպես արժեք, այն սահմանում է, թե որտեղ ձեւի տվյալները կուղարկվեն: Օրինակ:
  • <կոճակի տեսակը = "ներկայացնել" formaction = "/ submitted.php"> Ներկայացրեք ձեւային տվյալները այլ էջում
• formenctype - Օգտագործվում է միայն type = "ներկայացնել" հատկանիշով: Սահմանում է, թե ինչպես ձեւի տվյալները պետք է կոդավորված լինեն սերվերին: Երեք արժեքները կիրառվում են / x-www-form-urlencoded (default), multipart / form-data եւ տեքստային / պարզ:
• formmethod - Օգտագործվում է միայն type = "ներկայացնել" հատկանիշով: Սա սահմանում է, թե HTTP մեթոդը օգտագործվելու է ձեւի տվյալներ ներկայացնելիս, կամ ստանալ կամ գրել:
• formnovalidate - Օգտագործվում է միայն type = "ներկայացնել" հատկանիշով: Ձեւի տվյալները չեն ներկայացվում ներկայացնելիս:
• formtarget - Օգտագործվում է միայն type = "submit" հատկանիշով: Սա ցույց է տալիս, թե որտեղ պետք է ցուցադրվի կայքի արձագանքը, երբ ձեւի տվյալները ներկայացվեն, օրինակ, նոր պատուհանում եւ այլն: Փոփոխության ընտրանքները կամ _blank, _self, _parent, _top կամ կոնկրետ շրջանակի անուն:

Եթե ​​ձեւեր եք օգտագործում, կարող եք կարդալ HTML ձեւերով կոճակներ պատրաստելու մասին եւ ինչպես անել, որ ձեր կայքը ավելի բարեկամական լինի: