יום ראשון, 22 במרץ 2009

8.2.1 תיבת טקסט (Text box)

בקוד שהמוצג להלן ניתן לראות ששתי התיבות באותו גודל: 20 תווים. אך בתיבה העליונה מותר לכתוב עד 25 תווים , ואילו בתחתונה מותר לכתוב עד 50 תווים.

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


<form id="example" method="get" action="html_page13.html"> 

   שם פרטי : <input type="text" id="firstname" size=20 maxlength=25> 
   שם משפחה : <input type="text" id="lastname" size=20 maxlength=50> 

</form>

המאפיינים של תיבת טקסט


  • id  קובע את השם של תיבת הטקסט. זה יהיה מאוד משמעותי בהמשך. 
  • maxlength קובע את הגודל המקסימאלי של הקלט, מקבל מספר תווים.
  • size קובע את הגודל של תיבת הטקסט, מקבל מספר תווים. 
  • readonly מגדיר האם תיבת הטקסט היא לקריאה בלבד. אין צורך לתת לו ערך, אלא רק לציין אותו.
  • disabled מגדיר האם תיבת הטקסט היא פעילה. גם כאן, מספיק רק לציין אותו.  ההבדל בין readonly ל disabled הוא שאלמנט שהוא disabled לא ישלח עם הטופס, בעוד אלמנט שהוא readonly רק לא יהיה ניתן לשינוי. 
  • value מקבל ערך התחלתי שיהיה כתוב בתיבת הטקסט.  
הוספתי כאן את המאפיין VALUE אשר נותן לאלמנט תיבת הטקסט ערך התחלתי. אם לא יקליד הגולש ערכים אחרים בתיבת הטקסט, יישמר הערך ההתחלתי שקבעתי: "הזן שם פרטי".


<input type="text" id="firstname" size=20 maxlength=25
value="הזן שם פרטי">



אין תגובות:

הוסף רשומת תגובה

שים לב: רק חברים בבלוג הזה יכולים לפרסם תגובה.