תגית
<form>
משמשת להגדיר טופס אינטרנטי שבו המשתמש יכול להזין מידע ולהגיש אותו לשרת. הטופס כולל בדרך כלל שדות קלט, כפתורים לשליחה, ותוויות המתארות את כל שדה.
הנה דוגמה לשימוש בתגית
<form>
:
<html>
<head>
<title>
דוגמה</title>
</head>
<body>
<form action="/submit" method="post">
<label for="name">
שם:</label>
<input type="text" id="name" name="name">
<button type="submit">
שלח</button>
</form>
</body>
</html>
בדוגמה זו, תגית
<form>
מקיפה את שדות הקלט והכפתור. תכונת action קובעת את הכתובת בה יישלח המידע לאחר שליחת הטופס, בעוד תכונת method קובעת את שיטת ההגשה (POST או GET).
התגית
<label>
מספקת תיאור לשדה הקלט, ומשויכת לשדה באמצעות תכונת for, שמציינת את מזהה השדה (id). השדה עצמו מוגדר באמצעות תגית
<input>
, ותכונת type מגדירה את סוג הקלט (כגון טקסט, סיסמה, תיבת סימון וכו').
הכפתור בתגית
<button>
מבצע את שליחת הטופס כשהוא נלחץ. ניתן להוסיף סוגים נוספים של שדות קלט ותכנים אחרים בתוך הטופס, כגון תיבות סימון (checkbox), רשימות נפתחות (select), שדות טקסט מרובים (textarea), ועוד.
השימוש בתגית
<form>
מאפשר לקבל נתונים מהמשתמש ולהעבירם לשרת, ותורם ליכולת האינטראקציה והאיסוף של מידע באתרי אינטרנט.