จากรูป จะเห็นได้ว่ามีแค่ textbox แต่ไม่มีข้อความด้วนใน
ถ้าเราใส่โค้ดแบบนี้
โค้ด: เลือกทั้งหมด
<div class="row">
<div class="col-md-6 mb-3">
<label for="firstName">First name</label>
<input type="text" class="form-control" id="firstName" placeholder="" value="" required>
</div>
</div>
<script>
document.getElementById('firstName').value = 'test';
</script>
จากโค้ดจะเห็นได้ว่า
ในช่อง input ของเราจะมี id อยู่ด้วยให้เราเอา id นี้แหละไปกำหนดใช่ใน javascript ในแท็ก script เราก็จะใช้คำสั่ง getElementById('firstName') แล้วตามด้วยคำสั่ง value = 'ข้อความ'
เท่านี้เราก็จะได้ข้อความที่อยู่ใน textbox กันแล้วในส่วนของข้อความเราอาจจะเอาตัวแปลของ php มาแสดงก็ได้เพื่อก็หวังว่าผู้ที่เข้ามาอ่านทความนี้จะได้รับความรู้ความเข้าใจเกี่ยวกับ javascript มากขึ้นนะครับ