หน้าหลัก โค้ด-บทความ php โค้ด-บทความ javascript โค้ด-บทความ css สารบัญ สารบัญ

ทักทายครับ

สวัสดีครับ หลังจากที่ blog นี้หยุดการอัพเดททบความเกี่ยวกับโค้ดในการใช้ทำเวปไปนานไม่ว่าจะเป็น code php, html, javascript, css, ajax เนื่องจากผมไม่ค่อยมีเวลาจนลืม blog นี้ไปเลย นึกขึ้นได้ตอนปีใหม่ ไปค้นหาใน google แล้วตกใจ เนื่องจาก blog นี้ไปอยู่ลำดับที่ 1 ของการค้นหา ไม่เชื่อลองดู เลยขอถือโอกาสเริ่มต้นใหม่ในช่วงปีใหม่นี้เริ่มอัพเดทบทความตั้งแต่ตอนนี้เป็นต้นไป หวังเป็นอย่างยิ่งว่าจะมีผู้ติดตามบทความของผมต่อไปน่ะครับ ปล.ท่านใดสนใจลงโฆษณาสามารถติดต่อได้ที่ hotcodephp@gmail.com

21 พ.ค. 2555

Upper / Lower case พิมพ์อักษรตัวเล็ก / ตัวใหญ่


ในการทำแบบฟอร์มของเว็บไซต์ บางครั้งเราก็ต้องการให้ user ใส่เป็นตัวอักษรตัวพิมพ์ใหญ่ทั้งหมด เพื่อต้องการให้อ่านง่าย หรือต้องการให้ใส่เป็นตัวพิมพ์เล็กทั้งหมด การใช้ javascript ก็เป็นอีกหนึ่งทางเลือกที่น่าสนใจ วิธีทำก็ง่ายๆ เพียงสร้าง form ขึ้นมาจะใช้โคัด php ,html ก็ได้แล้วนำ code ด่านล้างไปใส่

ตัวอย่างcode Javascript เปลี่ยนเป็นตัวพิมพ์ใหญ่ (Upper case) กันเลยดีกว่า

<form name="capsform">
<input type="text" name="caps" size=40 value="" onChange="javascript:this.value=this.value.toUpperCase();">
<br>
<input type="button" value="Ok!">
</form>

อีกหนึ่งตัวอย่าง code Javascript ตัวพิมพ์เล็ก (Lower case)
<form name="capsform">
<input type="text" name="caps" size=40 value="" onChange="javascript:this.value=this.value.toLowerCase();">
<br>
<input type="button" value="Ok!">
</form>

ไม่มีความคิดเห็น: