HTML Disabled Attribute

❮ ယခင် HTML Attribute များအားလုံး နောက်တစ်ခု ❯

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

attribute သည် disabledboolean attribute တစ်ခုဖြစ်သည်။

ရှိနေသောအခါ၊ ၎င်းသည် ဒြပ်စင်အား ပိတ်သင့်သည်ဟု သတ်မှတ်သည်။

မသန်စွမ်းသောဒြပ်စင်သည် အသုံးမပြုနိုင်ပါ။

disabledအခြားအခြေအနေအချို့ကို မတွေ့မချင်း အသုံးပြုသူတစ်ဦးအား အစိတ်အပိုင်းကိုအသုံးမပြုရန် ရည်ညွှန်းချက်အား သတ်မှတ်နိုင်သည် (အမှန်ခြစ်ကွက်ကိုရွေးချယ်ခြင်းစသည်ဖြင့် ) ထို့နောက်၊ JavaScript သည် disabled value ကိုဖယ်ရှားပြီး element ကို ပြန်လည်အသုံးပြုနိုင်အောင် ပြုလုပ်နိုင်သည်။

တွေပေါ့။

ရည်ညွှန်းချက်ကို အောက်ပါ disabledဒြပ်စင်များတွင် အသုံးပြုနိုင်ပါသည်။

ဒြပ်စင်	ဂုဏ်ရည်
<ခလုတ်>	မသန်စွမ်း
<fieldset>	မသန်စွမ်း
<input>	မသန်စွမ်း
<optgroup>	မသန်စွမ်း
<option>	မသန်စွမ်း
<select>	မသန်စွမ်း
<textarea>	မသန်စွမ်း

ဥပမာများ

ခလုတ်ဥပမာ

ပိတ်ထားသောခလုတ်-

<button type="button" disabled>Click Me!</button>

Fieldset ဥပမာ

သက်ဆိုင်ရာ ဖောင်ဒြပ်စင်အုပ်စုတစ်စုကို ပိတ်ရန်-

<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>

ထည့်သွင်းဥပမာ

ပိတ်ထားသော ထည့်သွင်းအကွက်ပါရှိသော HTML ဖောင်တစ်ခု-

<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" disabled><br>
<input type="submit" value="Submit">
</form>

Optgroup နမူနာ

ပိတ်ထားသော ရွေးချယ်မှုအုပ်စု-

<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>

ရွေးချယ်စရာ ဥပမာ

ပိတ်ထားသော ရွေးချယ်စရာတစ်ခုပါရှိသော drop-down စာရင်း-

<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>

ဥပမာကို ရွေးပါ။

မသန်စွမ်းသော drop-down စာရင်း-

<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>

Textarea ဥပမာ

ပိတ်ထားသော စာသားဧရိယာ-

<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>

Browser ပံ့ပိုးမှု

disabledရည်ညွှန်းချက်တွင် ဒြပ်စင်တစ်ခုစီအတွက် အောက်ပါဘရောက်ဆာ ပံ့ပိုးမှုပါရှိသည် ။

Element
button	Yes	Yes	Yes	Yes	Yes
fieldset	Yes	Not supported	Yes	7.0	Yes
input	1.0	6.0	1.0	1.0	1.0
optgroup	1.0	8.0	Yes	Yes	Yes
option	1.0	8.0	1.0	Yes	Yes
select	Yes	Yes	Yes	Yes	Yes
textarea	Yes	Yes	Yes	Yes	Yes