အတုအယောင်အတန်းအစား read-only

အတုအယောင်အတန်းအစား read-only သည် attribute readonly ပါသော input များအတွက် စတိုင်ကို သတ်မှတ်ပေးသည်။ ထိုသို့သော input သည် ဖတ်ရှုရန်သာရည်ရွယ်ပြီး၊ ဆိုလိုသည်မှာ ၎င်းအတွင်းရှိဒေတာများကို ထည့်သွင်းခြင်း သို့မဟုတ် ပြောင်းလဲခြင်း မပြုလုပ်နိုင်ပါ၊ သို့သော် ၎င်းတို့ကို ရွေးချယ်ပြီး ကူးယူနိုင်သည်။

ဝါကျဖွဲ့စည်းပုံ

cssselector:read-only {
  
}

ဥပမာ

ဖတ်ရန်သာရည်ရွယ်ထားသော input အတွက် ဖျော့တော့သော မီးခိုးရောင်ဘောင်များ သတ်မှတ်ကြပါစို့:

html<p>
  <label>စာသားထည့်သွင်းရန်</label>
  <input type="text">
</p>
<p>
  <label>စာသားဖတ်ရန်</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

ဤအကြောင်းကိုလည်း ကြည့်ပါ