آموزش صفت ReadOnly در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت ReadOnly در HTML با من همراه باشید.

آموزش صفت ReadOnly در HTML

Free-Learn

صفت ReadOnly در HTML

صفت readonly یک صفت بولی (Boolean) می باشد, که با استفاده از آن میتوان عناصر ورودی را بصورت فقط خواندنی کرد. (یعنی مقدار آن تگ غیرقابل تغییر می باشد)

وقتی یک تگ از عناصر ورودی بصورت فقط خواندنی یا Read-Only باشد , نمیتوان مقدار آن را کپی و یا بطور کلی نمیتوان با مقدار آن عملی را انجام داد بلکه فقط قابل خواندن/دیدن می باشد.

Free-Learn

عناصری که توسط این صفت پشتیبانی می شوند

این صفت را میتوان در عناصر/تگ های زیر بکار برد.

<textarea> <input>

Free-Learn

مثال از صفت ReadOnly در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

مثال شماره ۱ : استفاده در تگ Input

امتحان کنید

مثال شماره ۲ : استفاده در تگ Textarea

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت readonly در HTML پشتیبانی میکنند یا خیر.

نام تگ Chrome Firefox Opera Safari IE
input ۱٫۰ ۱٫۰ ۱٫۰ ۱٫۰ ۶٫۰
textarea بله بله بله بله بله

Free-Learn

نکات و توضیحات

اگر در یک فرم یک فیلد فقط خواندنی باشد مقدار آن به سرور ارسال می شود ولی اگر یک فیلد غیرفعال (disabled) باشد مقدار آن به سرور ارسال نخواهد شد.

اگر یک تکست اریا یا textarea فقط خواندنی باشد , مقدار آن توسط کاربر قابل تغییر نیست ولی میتوان محتوای آن را کپی کرد.

اگر یک عنصر ورودی فقط خواندنی باشد , مقدار آن قابل تغییر نیست ولی قابل کپی کردن می باشد.

نحوه استفاده از این صفت در XHTML بصورت زیر می باشد :



Free-Learn