באמצעות תג קלט HTML ותג לחצן בטפסים

על ידי הגדרת סוג התכונה "כפתור", כפתור פשוט ללחיצה תיווצר. ניתן להגדיר את הטקסט שיופיע על הלחצן, כגון "שלח", באמצעות המאפיין value .

לדוגמה:

שים לב שתג לא ישלח טופס HTML; עדיין יהיה עליך לכלול JavaScript כדי לטפל בטופס שליחת הנתונים. ללא אירוע onclick ב- JavaScript, הלחצן יופיע ללחיצה אך דבר לא יקרה, ותסכל את הקוראים שלך.

הלחצן & lt; & gt; תג אלטרנטיבי

למרות שימוש בתג קלט כדי ליצור כפתור עובד למטרה שלה, היא אפשרות טובה יותר להשתמש בתג כדי ליצור את לחצני ה- HTML של האתר שלך. תג גמיש יותר משום שהוא מאפשר לך להשתמש בתמונות עבור הלחצן (אשר מסייע לך לשמור על עקביות ויזואלית אם האתר שלך כולל עיצוב), לדוגמה, וניתן להגדיר אותו כסוג של שלח או איפוס של לחצן ללא צורך ב- JavaScript נוסף.

ברצונכם לציין את התכונה ' סוג לחצן' בכל תגי

. ישנם שלושה סוגים שונים:

• כפתור - כפתור אין התנהגות הטבועה, אבל הוא משמש בשילוב עם סקריפטים הפועלים בצד הלקוח, כי ניתן לחבר את כפתור וביצע כאשר הוא נלחץ.
• איפוס - מאפס את כל הערכים.
• Send - הכפתור שולח נתוני טופס לשרת (זה ערך ברירת המחדל אם לא מוגדר סוג).

תכונות אחרות כוללות:

• שם - נותן ללחצן שם התייחסות.
• value - מציין ערך המוקצה תחילה ללחצן.
• להשבית - מכבה את הלחצן.

HTML5 מוסיף תכונות נוספות לתג

שמעניק לך פונקציונליות רבה יותר.

• פוקוס אוטומטי - כאשר הדף נטען, זה מציין כי לחצן זה הוא המוקד. ניתן להשתמש בפוקוס אוטומטי אחד בלבד בדף.
• form - מקשר את הכפתור עם טופס בתוך אותו מסמך HTML, תוך שימוש במזהה של הטופס כערך. לדוגמה:

Submit

formaction - משמש רק עם type = "Submit" וכתובת אתר כערך, הוא מציין היכן נתוני הטופס יישלחו. לדוגמה:

שלח נתוני טופס לדף אחר

formenctype - משמש רק עם התכונה type = "Submit" . מגדיר כיצד נתוני הצורה מקודדים בעת ההגשה לשרת. שלושת הערכים הם יישום / x-www-form-urlencoded (ברירת מחדל), multipart / form-data, וטקסט / רגיל.

formmethod - משמש רק עם התכונה type = "Submit" . זה מציין איזו שיטת HTTP להשתמש בעת שליחת נתוני טופס, או לקבל או לפרסם.

formnovalidate - משמש רק עם התכונה type = "Submit" . נתוני הטופס לא יאומתו בעת שליחתם.

formtarget - משמש רק עם התכונה type = "Submit" . זה מציין היכן התגובה של האתר צריכה להיות מוצגת כאשר נתוני טופס נשלחים, כגון בחלון חדש וכו '. אפשרויות הערך הן _blank, _self, _parent, _top או שם מסגרת ספציפי.

אם אתה משתמש בטפסים, ייתכן שתרצה לקרוא על יצירת לחצנים בטופסי HTML , וכיצד להפוך את האתר שלך לידידותי יותר למשתמש.