สำหรับใครที่เคยทำแบบฟอร์กรอกข้อมูลลง
เว็บไซต์แล้วก็คงจะต้องทำช่องที่เป็น textbox เพื่อให้เพื่อให้ผู้ใช้ได้กรอกกันแต่ว่าถ้าใช้
HTML ตามปกติเราก็จะได้แต่ช่องที่เป็น textbox ก็จะเป็นแต่ textbox เปล่า ๆ จำเป็นจะต้องให้ผู้ใช้เข้ามากรอกขอมูลก่อนถึงจะมีข้อมูลส่งไปได้บทความนี้ก็จะเป็นการสอนทำให้ textbox ที่เราสร้างขึ้นมานั้นมีข้อความอยู่ใน textbox ด้วย
- Selection_999(1547).png (6.81 KiB) Viewed 8124 times
จากรูป จะเห็นได้ว่ามีแค่ 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>
ผลลัทธ์ที่ได้
- Selection_999(1548).png (6.59 KiB) Viewed 8124 times
จากโค้ดจะเห็นได้ว่า
ในช่อง input ของเราจะมี id อยู่ด้วยให้เราเอา id นี้แหละไปกำหนดใช่ใน javascript ในแท็ก script เราก็จะใช้คำสั่ง getElementById('firstName') แล้วตามด้วยคำสั่ง value = 'ข้อความ'
เท่านี้เราก็จะได้ข้อความที่อยู่ใน textbox กันแล้วในส่วนของข้อความเราอาจจะเอาตัวแปลของ
php มาแสดงก็ได้เพื่อก็หวังว่าผู้ที่เข้ามาอ่านทความนี้จะได้รับความรู้ความเข้าใจเกี่ยวกับ javascript มากขึ้นนะครับ
สำหรับใครที่เคยทำแบบฟอร์กรอกข้อมูลลง[url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/3585-website-%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C.html]เว็บไซต์[/url]แล้วก็คงจะต้องทำช่องที่เป็น textbox เพื่อให้เพื่อให้ผู้ใช้ได้กรอกกันแต่ว่าถ้าใช้ [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2026-html-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]HTML[/url] ตามปกติเราก็จะได้แต่ช่องที่เป็น textbox ก็จะเป็นแต่ textbox เปล่า ๆ จำเป็นจะต้องให้ผู้ใช้เข้ามากรอกขอมูลก่อนถึงจะมีข้อมูลส่งไปได้บทความนี้ก็จะเป็นการสอนทำให้ textbox ที่เราสร้างขึ้นมานั้นมีข้อความอยู่ใน textbox ด้วย
[attachment=0]Selection_999(1547).png[/attachment]
จากรูป จะเห็นได้ว่ามีแค่ textbox แต่ไม่มีข้อความด้วนใน
ถ้าเราใส่โค้ดแบบนี้
[code]
<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>
[/code]
ผลลัทธ์ที่ได้
[attachment=1]Selection_999(1548).png[/attachment]
จากโค้ดจะเห็นได้ว่า
ในช่อง input ของเราจะมี id อยู่ด้วยให้เราเอา id นี้แหละไปกำหนดใช่ใน javascript ในแท็ก script เราก็จะใช้คำสั่ง getElementById('firstName') แล้วตามด้วยคำสั่ง value = 'ข้อความ'
เท่านี้เราก็จะได้ข้อความที่อยู่ใน textbox กันแล้วในส่วนของข้อความเราอาจจะเอาตัวแปลของ [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2127-php-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]php[/url] มาแสดงก็ได้เพื่อก็หวังว่าผู้ที่เข้ามาอ่านทความนี้จะได้รับความรู้ความเข้าใจเกี่ยวกับ javascript มากขึ้นนะครับ