<form>

מגדיר טופס לקבלת קלט מהמשתמש.

תגית זו משמשת להגדיר טופס שבו ניתן להזין קלט ולהגיש אותו לשרת. הטופס יכול לכלול מגוון של סוגי קלט כמו שדות טקסט, כפתורים, תיבות סימון ועוד.

מניחים את תגית <form> סביב שדות הקלט והכפתורים, ומגדירים את הכתובת לשרת בתכונת action.

תגית <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> מאפשר לקבל נתונים מהמשתמש ולהעבירם לשרת, ותורם ליכולת האינטראקציה והאיסוף של מידע באתרי אינטרנט.

דוגמה

        

תוצאה

תגובות

רק רגע

שיתוף