תוויות לשדות קלט
חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 39 מתוך 60.
לא תמיד ברור מה מטרת שדה קלט ללא תווית. תווית מספקת למשתמשים רמז חזותי ברור לגבי סוג הקלט המצופה בשדה הזה. תוויות נוצרות באמצעות התג <label>.
הנה התחביר הבסיסי:
<label for="field">Label text</label>
<input type="text" id="field"><label>: התג שיוצר את התווית.
for: קישור בין התווית לשדה בטופס. הערך שלforצריך להתאים לערך שלidבשדה הטופס.
- טקסט התווית: הטקסט שמתאר למה מיועד שדה הטופס.
<input>: שדה הטופס שאליו התווית מתייחסת.
id: המזהה הייחודי של שדה הטופס, שתואם למאפייןforבתווית.
אתגר
קלהוסף את התגיות הבאות בתוך התגית <form>:
- תגית
<label>עם הטקסט 'First Name:' והמאפייןforמוגדר ל-'firstname'. - שדה
<input>עםtype="text". - לשדה
<input>צריך להיותidשתואם למאפייןforשל התווית.
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<form>
<!-- כתבו כאן קוד -->
</form>
</body>
</html>
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה יסודות
תרגלו בעצמכם: Web אונליין