Facebook
Twitter
RSSמדריך DHTML – אובייקט Input
בהמשך לנושא הקודם, שדות 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. |
תגובות בפייסבוק