آموزش صفت ReadOnly در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت ReadOnly در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت ReadOnly در HTML
صفت readonly
یک صفت بولی ( Boolean ) می باشد، که با استفاده از آن میتوان عناصر ورودی را بصورت فقط خواندنی کرد. (یعنی مقدار آن تگ غیرقابل تغییر می باشد)
وقتی یک تگ از عناصر ورودی بصورت فقط خواندنی یا Read-Only باشد , نمیتوان مقدار آن را کپی و یا بطور کلی نمیتوان با مقدار آن عملی را انجام داد بلکه فقط قابل خواندن/دیدن می باشد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
<textarea> | <input> |
Free-Learn
مثال از صفت ReadOnly در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Input
1 2 3 4 5 6 7 8 |
<body> <form action="files/test.php"> نام: <input type="text" name="fn" value="Sadegh" readonly><br> <input type="submit" value="ارسال"> </form> </body> |
مثال شماره ۲ : استفاده در تگ Textarea
1 2 3 4 5 6 7 |
<body> <textarea readonly> My Name Is Sadegh Asadi. </textarea> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت readonly
در HTML پشتیبانی میکنند یا خیر.
نام تگ | Chrome | Firefox | Opera | Safari | IE |
input | ۱٫۰ | ۱٫۰ | ۱٫۰ | ۱٫۰ | ۶٫۰ |
textarea | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
اگر در یک فرم یک فیلد فقط خواندنی باشد مقدار آن به سرور ارسال می شود ولی اگر یک فیلد غیرفعال (disabled) باشد مقدار آن به سرور ارسال نخواهد شد.
اگر یک تکست اریا یا textarea فقط خواندنی باشد , مقدار آن توسط کاربر قابل تغییر نیست ولی میتوان محتوای آن را کپی کرد.
اگر یک عنصر ورودی فقط خواندنی باشد , مقدار آن قابل تغییر نیست ولی قابل کپی کردن می باشد.
نحوه استفاده از این صفت در XHTML بصورت زیر می باشد :
1 |
<input readonly="readonly" /> |
1 |
<textarea readonly="readonly"> |