ตั้งค่าของฟิลด์อินพุต

คุณจะตั้งค่าเริ่มต้นของ<input>ฟิลด์ข้อความใน JavaScript ได้อย่างไร?

นี่เป็นวิธีหนึ่งในการทำ:

document.getElementById("mytext").value = "My value";

หากฟอร์มของคุณมีช่องป้อนข้อมูลเช่น

<input type='text' id='id1' />

จากนั้นคุณสามารถเขียนรหัสใน javascript ตามที่ระบุด้านล่างเพื่อตั้งค่าเป็น

document.getElementById('id1').value='text to be displayed' ; 

ฉันใช้ฟังก์ชัน 'setAttribute':

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
  document.getElementById("example").setAttribute('value','My default value');
</script>

ลองสิ่งเหล่านี้

document.getElementById("current").value = 12

// or

var current = document.getElementById("current");
current.value = 12

คำตอบนั้นง่ายจริงๆ

// Your HTML text field

<input type="text" name="name" id="txt">

//Your javascript

<script type="text/javascript"> 
document.getElementById("txt").value = "My default value";
</script>

หรือถ้าคุณต้องการหลีกเลี่ยง JavaScript ทั้งหมด: คุณสามารถกำหนดได้โดยใช้ HTML

<input type="text" name="name" id="txt" value="My default value">

หากคุณใช้หลายรูปแบบคุณสามารถใช้:

<form name='myForm'>
    <input type='text' name='name' value=''>
</form>

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value";
</script>

คำตอบง่าย ๆ ไม่ได้อยู่ใน Javascript วิธีที่ง่ายที่สุดในการรับตัวยึดตำแหน่งคือการใช้คุณสมบัติตัวยึดตำแหน่ง

<input type="text" name="text_box_1" placeholder="My Default Value" />

มันง่ายมาก ตัวอย่างคือ:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
var elem = document.getElementById("example"); // Get text field
elem.value = "My default value"; // Change field
</script>

document.getElementById("fieldId").value = "Value";

หรือ

document.forms['formId']['fieldId'].value = "Value";

หรือ

document.getElementById("fieldId").setAttribute('value','Value');

<form>
  <input type="number"  id="inputid"  value="2000" />
</form>


<script>
var form_value = document.getElementById("inputid").value;
</script>    

คุณยังสามารถเปลี่ยนค่าเริ่มต้นเป็นค่าใหม่ได้

<script>
document.getElementById("inputid").value = 4000;     
</script>

ส่วนนี้คุณใช้เป็น html

<input id="latitude" type="text" name="latitude"></p>

นี่คือ javaScript:

<script>
document.getElementById("latitude").value=25;
</script>

คุณสามารถลอง:

document.getElementById('theID').value = 'new value';