תגית 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 עם הטופס.

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

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

מודל הרשאות מבוסס טוקנים/ססמאות לעומת OIDC

כש-LLM בונה לכם דיפלוימנט, הוא כמעט תמיד יציע טוקן קבוע ב-Secrets. זה עובד אבל זו גם הדרך שבה סודות דולפים. OIDC מחליף מפתח לדלת פתוחה בהוכחת זהות. תלמדו על כך כדי לכוון את האייג׳נט טוב יותר.

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

העולם המדהים של Chrome debugging

איך תוכנות שונות מפעילות את כרום כרצונן? איך דיבאגר בפרונט עובד? צלילה לעומק לתוך העולם המופלא של CDP

ממנטו עם גמל אין לי מושג למה אני עושה דברים
יסודות בתכנות

מה זה stateful ו-stateless

מה זה סטייט? למה אנחנו צריכים לדעת מה זה ואיך רואים את זה ממש בעיניים.

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

איך אייג׳נט מבוסס LLM עובד?

הסבר בסיסי על איך אייג׳נט עם כלים עובד ואפילו איך בונים אחד מאפס עם פייתון בלבד.

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