Ի՞նչ է նշանակում HTML-ում `type` հատկությունը արժեքով `submit`։

HTML տարրում <button> կամ <input>-ի type="submit" հատկությունը որոշում է, որ այս տարրը նախատեսված է ձևը ուղարկելու համար: Երբ սեղմում եք այս հատկությամբ կոճակը, բրաուզերը հավաքում է բոլոր ձևի տարրերի տվյալները, որոնց մեջ ներառված է կոճակը, և ուղարկում դրանք <form> տեգի action հատկության մեջ նշված URL-ին (կամ ընթացիկ URL-ին, եթե action նշված չէ):

Ինչպես է դա աշխատում:

• <form>-ի ներսում: type="submit" տիպով կոճակը ավտոմատ կերպով կապված է ամենամոտ ծնողական ձևի հետ: Կոճակի վրա սեղմելով, սկսվում է ստանդարտ ձևի ուղարկման գործընթացը, որը օգտագործում է method հատկության մեջ նշված HTTP մեթոդը (դեպի GET):
• <form>-ից դուրս: <form>-ից դուրս type="submit" կոճակը չունի ավտոմատ ուղարկման ֆունկցիոնալություն: Կարող է օգտագործվել JavaScript-ով ձեռքով ձևը ուղարկելու կամ այլ գործողություններ կատարելու համար:

Օգտագործման օրինակ:

<form action="/submit-handler" method="POST">
  <label for="username">Օգտագործողի անունը:</label>
  <input type="text" id="username" name="username"><br><br>

  <label for="password">Գաղտնաբառ:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Ուղարկել ձևը</button>
</form>

Այս օրինակով, երբ սեղմում եք "Ուղարկել ձևը" կոճակին, բրաուզերը կուղարկի username և password դաշտերի տվյալները /submit-handler URL-ին POST մեթոդով:

Համեմատություն type="button"-ի հետ:

Արժեքը	Նպատակը	Ավտոմատ ձևի ուղարկում	Օգտագործում JS-ով
type="submit"	Ֆորմայի ուղարկում	Այո	Այո
type="button"	Յուրաքանչյուր կոճակ, չի կապված ուղարկման հետ	Ոչ	Այո