พีชดูคลาส required
พีชดูคลาส required กำหนดสไตล์
ให้กับอินพุตที่มีแอตทริบิวต์ required,
กล่าวคือ พีชดูคลาสนี้จะถูกนำไปใช้กับ
อินพุตที่จำเป็นต้องกรอกข้อมูล
ไวยากรณ์
selector:required {}
ตัวอย่าง
มากำหนดพื้นหลังสีฟ้าให้กับอินพุตที่จำเป็นต้องกรอกกัน:
<form>
<p>
<label>ป้อนตัวเลข</label>
<input type="number" required>
</p>
<p>
<label>ป้อนข้อความ</label>
<input type="text">
</p>
</form>
input:required {
background-color: #C2DDFD;
}
:
ดูเพิ่มเติม
-
พีชดูคลาส
:optional,
ซึ่งกำหนดสไตล์ให้กับอินพุตที่ไม่มีแอตทริบิวต์ required -
พีชดูคลาส
:default,
ซึ่งกำหนดสไตล์ให้กับองค์ประกอบที่เป็นค่าเริ่มต้น -
พีชดูคลาส
:indeterminate,
ซึ่งกำหนดสไตล์ให้กับสวิตช์ที่อยู่ในสถานะไม่แน่นอน -
พีชดูคลาส
:read-only,
ซึ่งกำหนดสไตล์ให้กับอินพุตที่ไม่สามารถแก้ไขได้ -
พีชดูคลาส
:read-write,
ซึ่งกำหนดสไตล์ให้กับอินพุตที่สามารถแก้ไขได้
