ตัวอย่างการใช้งาน Class placeholder แสดงข้อความไกด์ ให้ผู้ใช้กรอกในช่องกรอกข้อมูล

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

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

ภาพประจำตัวสมาชิก
M004
PHP VIP Members
PHP VIP Members
โพสต์: 1323
ลงทะเบียนเมื่อ: 01/01/1970 7:00 am

ตัวอย่างการใช้งาน Class placeholder แสดงข้อความไกด์ ให้ผู้ใช้กรอกในช่องกรอกข้อมูล

โพสต์ที่ยังไม่ได้อ่าน โดย M004 »

ตัวอย่างการใช้งาน Class placeholder แสดงข้อความไกด์ ให้ผู้ใช้กรอกในช่องกรอกข้อมูล

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

โค้ด: เลือกทั้งหมด

   <form class="navbar-search pull-left">
    <input type="text" class="search-query" placeholder="Search">
    </form>
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41238
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

:like:

ตามตัวอย่าง

โค้ด: เลือกทั้งหมด

placeholder="Search"

โค้ด: เลือกทั้งหมด

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

โค้ด: เลือกทั้งหมด

 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
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 62