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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

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

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

โดย mindphp » 17/09/2013 7:15 pm

:like:

ตามตัวอย่าง

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

placeholder="Search"

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

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

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

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

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

โดย M004 » 17/09/2013 6:40 pm

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

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

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

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

ข้างบน