เพื่อนๆ อาจจะเคยเห็นบางเว็บไซต์จะมีการเน้นข้อความของช่องรับข้อความ (input type text) หากมีการนำเมาส์ไปคลิก ซึ่งตรงนี้จะมีประโยชน์ ถ้าหากช่องรับข้อความนั้นมีข้อความอยู่แล้วและผู้เข้าชมเว็บของเพื่อนๆ ต้องการที่จะแก้ไขก็ไม่ต้องลบข้อความนั้น เนื่องจากถ้าเน้นข้อความไว้แล้วหากมีการใส่ค่าใหม่เข้าไปค่าเดิมก็จะถูกลบไปโดยอัตโนมัติ ที่จะเห็นอยู่บ่อยๆ ก็จะเป็นข่องรับข้อความในการค้นหา
วิธีการเน้นข้อความของช่องรับข้อความก็ไม่อยากครับ สิ่งที่ต้องทำก็คือ การเพิ่ม attribute onfocus เข้าไปที่ tag input ที่เราต้องการเน้นข้อความนั่นเองครับ มาดูตัวอย่างกันนะครับ
<input type=”text” name=”keyword” value=”Search” onfocus=”this.select()” />
เห็นไหมครับว่าไม่ยากเลย เพียงแค่เพิ่มโค๊ดเข้าไปไม่กี่คำ เอาล่ะครับไปปรับเว็บกันเลย ^^