תגית
<input> היא אחת מהתגיות הבסיסיות ביותר בטפסים HTML ומאפשרת ליצור שדות קלט שונים עבור המשתמשים. תכונת type בתגית
<input> מגדירה את סוג הקלט שיתקבל. הנה סוגים נפוצים של שדות קלט שניתן להגדיר באמצעות תגית זו:
-
text: שדה קלט רגיל עבור טקסט.
-
password: שדה קלט עבור סיסמה, אשר מסתיר את התווים המוזנים.
-
email: שדה קלט עבור כתובת אימייל, עם תיקון אוטומטי של כתובת לא חוקית.
-
number: שדה קלט עבור מספרים, עם אפשרות להגדיר ערכים מינימליים ומקסימליים.
-
date: שדה קלט עבור תאריך, המציג תיבת בחירה לתאריך.
-
checkbox: תיבת סימון לבחירה של אפשרות אחת או יותר.
-
radio: כפתורי רדיו לבחירה בין מספר אפשרויות.
-
file: שדה קלט להעלאת קבצים.
הנה דוגמה לשימוש בתגית
<input>:
<html>
<head>
<title>דוגמה</title>
</head>
<body>
<form>
<label for="email">אימייל:</label>
<input type="email" id="email" name="email">
</form>
</body>
</html>
בדוגמה זו, שדה הקלט מוגדר עם סוג "email", כך שהדפדפן יוודא שהטקסט המוזן הוא כתובת אימייל חוקית. תכונת "id" משויכת לתווית "
<label>" באמצעות "for", מה שמקל על השימוש בשדות קלט עם תוויות ברורות.
בנוסף לסוגי הקלט השונים, תגית "
<input>" תומכת בכמה תכונות נוספות כגון "placeholder" להנחות את המשתמשים, "value" לקביעת ערך ברירת מחדל, ו-"required" לצורך חובה למילוי השדה. השימוש בתגית
<input> עם סוגים שונים ועם תכונות נוספות מאפשר לבנות טפסים אינטראקטיביים ומותאמים אישית בהתאם לצרכים של האתר.
