این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Disabled در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Disabled در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Disabled در HTML
صفت disabled یک صفت بولی ( Boolean ) می باشد، که با استفاده از آن میتوان یک تگ رو غیرفعال و یا بطور کلی غیرقابل استفاده کرد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <input> | <fieldset> | <button> |
| <select> | <option> | <optgroup> |
| <textarea> | ||
Free-Learn
مثال از صفت Disabled در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Button
|
1 2 3 4 5 6 |
<body> <button type="button" disabled>من غیرفعالم</button> <button type="button">من فعالم</button> </body> |
مثال شماره ۲ : استفاده در تگ Fieldset
|
1 2 3 4 5 6 7 8 9 |
<body> <fieldset disabled> <legend>اطلاعات شخصی</legend> نام : <input type="text"><br> فامیلی : <input type="text"><br> </fieldset> </body> |
مثال شماره ۳ : استفاده در تگ Input
|
1 2 3 4 5 6 |
<body> نام: <input type="text" name="Name"> فامیلی: <input type="text" name="Family" disabled> </body> |
مثال شماره ۴ : استفاده در تگ Optgroup
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<body> <select> <optgroup label="خوب هستن"> <option>سپاس گزاری نعمت</option> <option>کمک به دیگران</option> </optgroup> <optgroup label="بد هستن" disabled> <option>کفر گفتن</option> <option>زود قضاوت کردن</option> </optgroup> </select> </body> |
مثال شماره ۵ : استفاده در تگ Option
|
1 2 3 4 5 6 7 8 9 10 |
<body> <select> <option>پژو</option> <option>پراید</option> <option disabled>نیسان</option> <option>پیکان</option> </select> </body> |
مثال شماره ۶ : استفاده در تگ Select
|
1 2 3 4 5 6 7 8 9 10 |
<body> <select disabled> <option>پژو</option> <option>پراید</option> <option>نیسان</option> <option>پیکان</option> </select> </body> |
مثال شماره ۷ : استفاده در تگ Textarea
|
1 2 3 4 5 6 7 |
<body> <textarea disabled> Salam Khobi? </textarea> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت disabled در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| button | بله | بله | بله | بله | بله |
| fieldset | بله | بله | بله | بله | بله |
| input | بله | بله | بله | بله | بله |
| optgroup | بله | بله | بله | بله | بله |
| option | بله | بله | بله | بله | بله |
| select | بله | بله | بله | بله | بله |
| textarea | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 4 5 6 7 |
<button disabled> <fieldset disabled> <input disabled> <optgroup disabled> <option disabled> <select disabled> <textarea disabled> |
Free-Learn
نکات و توضیحات
- وقتی یک تگ غیرفعال یا disabled باشه مقدارش بسمت سرور ارسال نمیشه ( مثال ) ولی اگه فقط خواندنی یا readonly باشه مقدارش بسمت سرور ارسال میشه.
