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

Booststap Knowledge ความรู้สำหรับการออกเว็บเพื่อให้แสดงผล ได้ดี ทุกหน้าจอ

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
M004
PHP VIP Members
PHP VIP Members
Posts: 1323
Joined: 01/01/1970 7:00 am

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

Post by M004 » 17/09/2013 6:40 pm

placeholder คือ คำอธิบายบนช่อง input ช่วยไกด์ว่าเราควรกรอกอะ ถ้ามองภาพไม่ออก ให้ดู ภาพตัวอย่างด้านล่าง
สำหรับ Class placeholder ช่วยให้เรา ลดการใช้งาน Javascript ได้
ddd.png
ddd.png (1.61 KiB) Viewed 725 times

Code: Select all

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

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22189
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by mindphp » 17/09/2013 7:15 pm

:like:

ตามตัวอย่าง

Code: Select all

placeholder="Search"

Code: Select all

placeholder="กรองบอร์ด..."
จะเหมือนการใช้ javascript

Code: Select all

 onclick="clickclear(this, 'กรองบอร์ด...')" onblur="clickrecall(this,'กรองบอร์ด...')"
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Booststap Knowledge”

Who is online

Users browsing this forum: No registered users and 6 guests