תגית readonly VS disabled

שתי תגיות קטנות אך חשובות לטפסים.

מעטים יודעים זאת, אך ישנן שתי תכונות שמאפשרת לבצע "נעילה" של שדה input בטופס זה או אחר. נעילה של שדה כלשהו חיונית בטפסים מדורגים (אלו שצריך למלא כמה שדות על מנת 'לשחרר' שדות אחרים) או בטופס שרק מראה פרטים שאסור לשנות באתרים מורכבים יחסית.

על מנת להפוך שדה לבלתי נגיש יש לנו שתי תגיות שאפשר להשתמש בהן בצורה הבאה:

תגית Readonly:


<input type="text" readonly="readonly" value="Example Text">

תגית disabled:


<input type="text" disabled="disabled" value="Example Text">

ההבדל הוא לא רק בעיצוב (דבר שגם כך אפשר לשנות באמצעות CSS) אלא בתפקוד עצמו. בעוד שתגית readonly מאפשרת לעשות copy&paste מהטקסט וכן שולחת את המידע המופיע ב-input יחד עם הטופס, תגית disabled אינה מאפשר כלל לגעת בטקסט וכן לא שולחת את ה-value עם הטופס.

פוסטים נוספים שכדאי לקרוא

בניית אתרי אינטרנט

לאחסן שרת בבית? זה לגמרי אפשרי

האם אפשר להתקין שרת בבית ולחשוף אותו באופן מאובטח החוצה בלי שאיראני ישתלט לי על המקרר? התשובה היא כן.

בינה מלאכותית

מה זה Agentic AI או AI Agents

הסבר מקיף המיועד למתכנתים על מה זה סוכני AI ודוגמה שכל אחד יכול להבין.

פתרונות ומאמרים על פיתוח אינטרנט

גישת Least Privilege

גישה לכתיבת קוד מאובטח שכדאי מאד להכיר – במיוחד בעידן הבינה המלאכותית

בינה מלאכותית

Agent skills

איך בדיוק הוראות כלליות ופרטניות עובדות בסביבת אייג׳נט? נדגים עם קורסור ונציץ גם מאחורי הקלעים של הנטוורק.

גלילה לראש העמוד