וובמאסטר - תיכנות ובניית אתרים

מדריך DHTML - אובייקט Input

RiU/‏ 24 פברואר, 2004
F+
F-
בהמשך לנושא הקודם, שדות INPUT, בנושא הזה אני אתן כמה דוגמאות כי יצא לי להתעסק איתו דיי הרבה, ובכלל אפשר לעשות טפסים דינאמיים שיותר כיף לשחק איתם מאשר לשלוח אותם :) כמובן שאני לא אבנה פה טפסים שלמים (את זה אני אעשה במאמרים יותר מאוחר) אבל אני אתן דוגמאות של פונקציות קצרות לכל מני אפשרויות למשל, לעשות DISABLE (לגרום לכך שלא יוכלו לכתוב בו) לשדה טקסט אפשר לעשות בעזרת .disabled=true נאמר ונרצה לעשות זאת לשדה השלישי בטופס נקרא לפונקציה הבאה:

fanction DisIt()
{
    document.forms.FormID[2].disabled=true
} 
אגב, אפשר להשתמש בזה בטופס של שליחת דואר, זה מאוד שימושי.. שלא יציפו לכם את התיבה. עוד דבר שאפשר לעשות זה לקבוע את אורך הקלט המקסימלי בשורת INPUT בעזרת .maxLength האמת שזה לא מצאתי ממש שימוש אקטיבי אבל לעומת זאת אפשר להכניס את הערך למשתנה ולהציג כמה אותיות הודפסו, למשל בתיבת טקסט.. נסו, זה יכול להיות מעניין בדומה לפסילה (DISABLE) יש את האפשרות לעשות את שורת ה- INPUT לקריאה בלבד (לא הופך את התיבה לאפורה, היא נראת כרגיל רק שאי אפשר לכתוב או למחוק את הטקסט שבה), כדי לעשות זאת נשתמש ב (מי היה מאמין) readOnly.

כדי לשים פוקוס או בעברית למקד את הסמן על INPUT מסויים נשתמש ב- .()focus, רעיונות לשימוש: נאמר עשיתם בדיקה בצד הלקוח והקלט לא עבר את הבדיקה הסקריפט יתן הערה ויעביר את הסמן לשורה הרצויה, אם תתעמקו תמצאו לזה הרבה שימושים.. אפשר להשתמש בזה גם עם .()select כדי לבחור טקסט מסויים

הערה: בנטסקייפ 4.7 השיטה .()select לא תעבוד בלי השיטה ()focus.



מאפיינים

accessKeyמציין מקש מקלדת עם גישה לאלמנט
accept

מציין רשימה של סוגי תכולה שהסרבר יוכל להסתדר איתם בזמן הטיפול בטופס

align קובע את המיקום של האלמנט
alt משנה או מחזיר את הטקסט שהדפדפן יחזיר אם הוא לא יכול להשתמש באלמנט
checked משנה או מחזיר ערך בולאני שמציין האם תיבת הרדיו או תיבת הסימון מסומנות או לא
defaultValue משנה או מחזיר את ערך ברירת המחדל של האלמנט
defaultChecked קובע שערך ברירת המחדל בתיבות סימון או רדיו הוא שיהיה מסומן
disabled משנה או מחזיר ערך בולאני האם האלמנט פסול או לא
form מחזיר את אלמנט הטופס לאלמנט ה INPUT
maxLength משנה או מחזיר את האורך המקסימלי של התווים באלמנט
name משנה או מחזיר את שם האלמנט
readOnlyמשנה או מחזיר ערך בולאני האם שורת ה- INPUT היא לקריאה בלבד(טקסט או סיסמא בלבד)
sizeמשנה או מחזיר את הגודל של האלמנט
srcשנה או מחזיר את הכתובת של המקור(source) של כפתור הSUBMIT
tabIndexמשנה או מחזיר את המיקום בסדר שבו האלמנט יבחר כשמשתמשים ב- טאב(TAB)
type מחזיר את סוג האלמנט
useMap שימוש במפה בצד המשתמש
valueמשנה או מחזיר את הערך של תיבות רדיו/סימון



שיטות

()blurהאלמנט מאבד את המיקוד
()focusהמיקוד עובר לאלמנט
()selectכל האלמנט נבחר\מסומן
()clickמחכה קליק של העכבר(הכפתור נלחץ) לאלמנטים הבאים: button, checkbox, radio, reset ו submit.
תגיות: JS‏  /  Javascript‏  /  DHTML‏  /  DOM‏  /  Dynamic‏  /  דינמי‏  /  Input‏  

תגובות בפייסבוק

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות