วันศุกร์ที่ 6 มีนาคม พ.ศ. 2563

HTML อินพุท placeholder


 แอตทริบิวต์  placeholder คือคำอธิบายจุดประสงค์ของ Textbox ที่เราสร้างขึ้นมาว่าต้องการให้ผู้ใช้งานกรอกอะไรลงไป ส่วนมากเราจะคุ้นตากับการแยกหัวข้อไว้คอลั่มหนึ่ง และสร้าง Textbox ไว้อีกคอลั่มหนึ่ง
ดังตัวอย่างด้านล่างนี้
ชื่อ :
นามสกุล :

ซึ่งเราสามารถใช้งาน แอตทริบิวต์ HTML ที่ชื่อ placeholder แทนได้และดูสวยงามน่าใช้กว่าค่อนข้างมาก
Syntax
<input type='text' name='textname' placeholder='you text'>

ตัวอย่างการนำ placeholder มาประยุกต์ใช้งาน

Code
<table>
     <tr>
          <td><input name="fname" placeholder="ระบุชื่อของคุณที่นี่" type="text" /></td>
     </tr>
     <tr>
          <td><input name="lname" placeholder="ระบุนามสกุลของคุณที่นี่" type="text" /></td>
     </tr>
</table>

ไม่มีความคิดเห็น:

แสดงความคิดเห็น