ตัวอย่าง attribute (คุณลักษณะ) ของ HTML5
contenteditable กำหนดการแก้ไขเนื้อหาได้ หรือ ไม่ได้
ตัวอย่างคำสั่ง
<p contenteditable=”true”>ข้อความนี้ แก้ไขได้</p>
ตัวอย่างผลลัพธ์
ข้อความนี้ แก้ไขได้
placeholder แสดงคำใบ้ในช่องกรอกข้อความ
ตัวอย่างคำสั่ง
<form>
<input type=”text” name=”name” placeholder=”ชื่อ-นามสกุล”>
</form>
<input type=”text” name=”name” placeholder=”ชื่อ-นามสกุล”>
</form>
ตัวอย่างผลลัพธ์
readonly กำหนดให้ช่องกรอกข้อมูลอ่านได้อย่างเดียว
ตัวอย่างคำสั่ง
<form>
<input type=”text” name=”id” value=”2533″ readonly >
</form>
<input type=”text” name=”id” value=”2533″ readonly >
</form>
ตัวอย่างผลลัพธ์
required บังคับให้ใส่ข้อความก่อนส่ง
ตัวอย่างคำสั่ง
<form action=””>
<input type=”text” name=”text” required=”required”> <input type=”submit” value=”ส่งข้อมูล”>
</form>
<input type=”text” name=”text” required=”required”> <input type=”submit” value=”ส่งข้อมูล”>
</form>
ตัวอย่างผลลัพธ์
selected กำหนดให้ตัวเลือกถูกเลือก เมื่อโหลดเพจ
ตัวอย่างคำสั่ง
<select>
<option value=”1″>HTML5</option>
<option value=”2″>CSS3</option>
<option value=”3″ selected>PHP</option>
</select>
<option value=”1″>HTML5</option>
<option value=”2″>CSS3</option>
<option value=”3″ selected>PHP</option>
</select>
ตัวอย่างผลลัพธ์