如何在JavaScript中设置一个表单<input>文本字段的默认值?


当前回答

简单的答案不是在Javascript中,获得占位符最简单的方法是通过占位符属性

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

其他回答

答案很简单

// 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>
  <input type="number"  id="inputid"  value="2000" />
</form>


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

您也可以将默认值更改为新值

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

直接访问

如果你使用ID,那么你可以直接访问JS全局作用域中的输入

myInput。值= 'default_value' <输入id = " myInput " >

如果您的表单包含一个输入字段

<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>