JavaScript ล้างค่าในช่อง TextBox

สอน JavaScript เขียนโค้ดล้างค่าในช่อง TextBox โดยการอ้างอิง TextBox ผ่าน document.getElementBy และใช้คำสั่ง value สำหรับล้าง หรือลบค่าในช่อง TextBox ที่ต้องการ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript ล้างค่าในช่อง TextBox

<form>
    <input type="text" id="txt" value="ค่าเริ่มต้น">
    <input type="button" value="ล้างค่า TextBox" onclick="clearTextBox()">
</form>

<script>
    function clearTextBox() {
        var txt = document.getElementById("txt");
        txt.value = "";
        txt.focus();
    }
</script>

ผลลัพธ์

1. กำหนด id = txt ให้ช่อง TextBox ที่ต้องการล้างค่าในช่องกรอก

2. ใช้คำสั่ง document.getElementBy อ้างถึง TextBox ดังกล่าว และใช้คำสั่ง value เพื่อล้างค่า

3. ใช้คำสั่ง focus เพื่อ focus ไปที่ช่อง TextBox หลังจากล้างค่า