این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت 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/get_data.php" method="POST"> <input type="text" name="myname" value="Sadegh" readonly> <input type="submit" value="ارسال"> </form> </body> |
مثال شماره ۲ : استفاده در تگ Textarea
|
1 2 3 4 5 6 7 |
<body> <textarea readonly> Www.Free-Learn.IR </textarea> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت readonly در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| input | بله | بله | بله | بله | بله |
| textarea | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 |
<input readonly> <textarea readonly> |
Free-Learn
نکات و توضیحات
- اگه در یک فرم یک فیلد فقط خواندنی باشه مقدار آن به سرور ارسال می شود ولی اگر یک فیلد غیرفعال ( صفت disabled میتونه غیرفعال کنه ) باشد مقدار آن به سرور ارسال نخواهد شد.
- اگه تگ textarea یا input فقط خواندنی باشن ، مقدار آن توسط کاربر قابل تغییر نیست ولی میتوان محتوای آن را کپی کرد.
