عدم امکان تغییر مقدار یک فیلد (Field) از فرم (Form) توسط کاربر (مقدار فیلد (Field) به کاربر نمایش داده می شود) (مقدار فیلد (Field) به صفحه پردازش ارسال می شود)، با مشخصه readonly="true" ، در HTML

گاهی اوقات نیاز داریم که در فرم (Form)، یک فیلد (Field) داشته باشیم که مقدار (Value) آن به کاربر نمایش داده شود، اما کاربر نتواند مقدار (Value) آن را تغییر دهد (در واقع تنها برای اطلاع کاربر از مقدار (Value) آن فیلد (Field) که قبلا توسط ما تعیین شده، آن فیلد (Field) را به کاربر نمایش می دهیم). علاوه بر این، می خواهیم که مقدار فیلد (Field) به صفحه پردازش اطلاعات دریافتی از فرم (Form)، ارسال شود.

برای این منظور، می توانیم مشخصه readonly="true" را برای تگ (Tag) سازنده آن فیلد (Field) به کار ببریم (البته دقت داشته باشید که مشخصه readonly="true" برای برخی از عنصرهای (Element) مخصوص فرم (Form)، به کار نمی رود).

به عنوان مثال، برای یک فیلد (Field) ساخته شده توسط تگ input ، مشخصه readonly="true" را به صورت زیر به کار می بریم :

یا برای یک فیلد (Field) ساخته شده توسط تگ textarea ، مشخصه readonly="true" را به صورت زیر به کار می بریم :

به مثال زیر توجه کنید :

مثال

یک فرم (Form) می سازیم که دارای دو فیلد (Field) ساخته شده با تگ input باشد که کاربر بتواند مقدار اولی را تغییر دهد، اما نتواند مقدار دومی را تغییر دهد. همچنین دارای دو فیلد (Field) ساخته شده با تگ textarea باشد که کاربر بتواند مقدار اولی را تغییر دهد، اما نتواند مقدار دومی را تغییر دهد :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26711
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)