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

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

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

selector:read-only {
	
}

ဥပမာ

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

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

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

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

အတုအယောင်အတန်းအစား :read-write,
ပြောင်းလဲရန်ဖြစ်နိုင်သော input များအတွက် စတိုင်သတ်မှတ်ပေးသည်
အတုအယောင်အတန်းအစား :default,
ပုံသေအားဖြင့် element များအတွက် စတိုင်သတ်မှတ်ပေးသည်
အတုအယောင်အတန်းအစား :indeterminate,
သတ်မှတ်မထားသောအခြေအနေရှိနေသည့် switch များအတွက် စတိုင်သတ်မှတ်ပေးသည်
အတုအယောင်အတန်းအစား :optional,
required attribute မပါသော input အတွက် စတိုင်သတ်မှတ်ပေးသည်
အတုအယောင်အတန်းအစား :placeholder-shown,
�ကူအညီစာသားပြသနေစဉ် element များအတွက် စတိုင်သတ်မှတ်ပေးသည်
အတုအယောင်အတန်းအစား :required,
required attribute သတ်မှတ်ထားသော input အတွက် စတိုင်သတ်မှတ်ပေးသည်
အတုအယောင်အတန်းအစား :focus-within,
focus ရရှိထားသော element များအတွက် စတိုင်သတ်မှတ်ပေးသည်
ဂုဏ်သတ္တိ caret-color,
input အတွင်းရှိ စာသားကူးစက်ပြ ကဒ်အရောင်ကို သတ်မှတ်ပေးသည်