תגית
<textarea> משמשת ליצירת שדה קלט מרובה שורות שבו המשתמש יכול להזין טקסט ארוך. שדה זה מתאים למצבים שבהם יש צורך בכניסת טקסט בכמות גדולה או כאשר יש צורך בתגובות ארוכות, הערות, או תוכן אחר שאינו מתאים לשדה קלט חד שורה.
תכונות עיקריות של תגית
<textarea>:
-
id: מזהה ייחודי לשדה הקלט, שימושי כאשר יש צורך בקישור בין תגית
<textarea> לתגית
<label> לצורך נגישות.
-
name: שם השדה, בו יישלח התוכן לשרת כאשר הטופס יישלח.
-
rows: קובע את מספר השורות שיופיעו בשדה הקלט. אם לא מוגדר, ברירת המחדל היא 2 שורות.
-
cols: קובע את מספר העמודות (אורך השדה) שיופיעו בשדה הקלט. אם לא מוגדר, ברירת המחדל משתנה בהתאם לעיצוב הדף.
בעת שימוש בתגית
<textarea>, יש להוסיף את שדה הקלט בתוך תגית
<form> כדי להבטיח שהנתונים יישלחו לשרת כאשר המשתמש ישלח את הטופס.
דוגמה לשימוש בתגית
<textarea>:
<html>
<head>
<title>דוגמה</title>
</head>
<body>
<form>
<label for="comments">הערות:</label>
<textarea id="comments" name="comments" rows="4" cols="50"></textarea>
</form>
</body>
</html>
בדוגמה זו, שדה הקלט עבור הערות יכיל 4 שורות ו-50 עמודות. המשתמש יכול להקליד טקסט רב בשדה זה, והוא ייראה בהתאם לגודל שנבחר.
שימוש נכון בתגית
<textarea> מאפשר למשתמשים להזין טקסט ארוך בצורה נוחה ומסודרת, תוך שמירה על עיצוב קונסיסטנטי וקל להבנה של הטופס.
