ตัวอย่างการใช้งาน Class placeholder

[M004]

placeholder คือ คำอธิบายบนช่อง input ช่วยไกด์ว่าเราควรกรอกอะ ถ้ามองภาพไม่ออก ให้ดู ภาพตัวอย่างด้านล่าง
สำหรับ Class placeholder ช่วยให้เรา ลดการใช้งาน Javascript ได้

ddd.png (1.61 KiB) Viewed 834 times

Code: Select all

   <form class="navbar-search pull-left">
    <input type="text" class="search-query" placeholder="Search">
    </form>

[mindphp]

ตามตัวอย่าง

Code: Select all

placeholder="Search"

Code: Select all

placeholder="กรองบอร์ด..."

จะเหมือนการใช้ javascript

Code: Select all

 onclick="clickclear(this, 'กรองบอร์ด...')" onblur="clickrecall(this,'กรองบอร์ด...')"