כדאי תמיד להשאר מעודכנים!
אם יש לכם טלגרם, בדקו את ערוץ הטלגרם של האתר שבו אני מעדכן על פוסטים חדשים 🙂
אם אתם רוצים ללמוד תכנות באופן מקיף ומסודר, הצטרפו לאלפי הלומדים בפרויקט "ללמוד ג'אווהסקריפט בעברית" שמלמד לתכנת בג'אווהסקריפט, ב-Node.js ובריאקט וגם מלמד על תרומה לקוד פתוח. גם ספרים דיגיטליים וגם ספרים מודפסים. בשיתוף הקריה האקדמית אונו ובתמיכת חברות מובילות כגון Wix, Outbrain, Elementor, Iron Source, Chegg, Really Good ועוד.
מעטים יודעים זאת, אך ישנן שתי תכונות שמאפשרת לבצע "נעילה" של שדה 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 עם הטופס.
כדאי תמיד להשאר מעודכנים!
אם יש לכם טלגרם, בדקו את ערוץ הטלגרם של האתר שבו אני מעדכן על פוסטים חדשים 🙂
אם אתם רוצים ללמוד תכנות באופן מקיף ומסודר, הצטרפו לאלפי הלומדים בפרויקט "ללמוד ג'אווהסקריפט בעברית" שמלמד לתכנת בג'אווהסקריפט, ב-Node.js ובריאקט וגם מלמד על תרומה לקוד פתוח. גם ספרים דיגיטליים וגם ספרים מודפסים. בשיתוף הקריה האקדמית אונו ובתמיכת חברות מובילות כגון Wix, Outbrain, Elementor, Iron Source, Chegg, Really Good ועוד.