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


当前回答

2023的答案

您现在可以使用document.querySelector()来代替使用document.getElementById()来处理不同的情况

更多信息从另一个堆栈溢出回答:

querySelector允许您找到具有不能被规则的元素 用getElementById和getElementsByClassName表示

例子:

document.querySelector('input[name="myInput"]').value = 'Whatever you want!';

or

let myInput = document.querySelector('input[name="myInput"]');
myInput.value = 'Whatever you want!';

测试:

document.querySelector(“输入[name = " myInput]”)。value = '任何你想要的!'; <input type="text" name="myInput" id="myInput" placeholder="Your text">

其他回答

答案很简单

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

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

<input type="text" name="text_box_1" placeholder="My Default Value" />
document.getElementById("fieldId").value = "Value";

or

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

or

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

下面的代码工作得很好:

var $div = ('#js-div-hour input');
$div.attr('value','2022/01/10');

我使用setAttribute():

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