מאפייני קלט
חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 37 מתוך 60.
הנה כמה מאפיינים שימושיים נוספים לשדות קלט של טקסט:
placeholder: מציג רמז קצר שמתאר את הערך הצפוי של שדה הקלט (למשל, "Enter your name").value: מגדיר את הערך ההתחלתי של שדה הקלט.maxlength: מציין את מספר התווים המרבי שמותר בשדה הקלט.
הנה דוגמה ליצירת שדה קלט לטקסט עם טקסט מציין מיקום:
<input type="text" name="username" placeholder="Enter username">בדוגמה הזו, יש לנו שדה קלט טקסט בשם "username" ועם טקסט מציין מקום שאומר "Enter username". כשהשדה ריק, טקסט מציין המקום יוצג בתוך השדה. ברגע שהמשתמש יתחיל להקליד, טקסט מציין המקום ייעלם.
אתגר
קלצרו מסמך HTML הכולל טופס עם שדות קלט טקסט מהסוגים הבאים:
- שדה קלט טקסט עם השם "firstname" וטקסט מציין מיקום שאומר "Enter your first name".
- שדה קלט טקסט עם השם "lastname" וטקסט מציין מיקום שאומר "Enter your last name".
- שדה קלט טקסט עם השם "email" וטקסט מציין מיקום שאומר "Enter your email". הגדירו את האורך המרבי של שדה קלט זה ל-50 תווים.
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<!-- כתבו כאן קוד -->
</body>
</html>השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה יסודות
תרגלו בעצמכם: Web אונליין