如何在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">
其他回答
你也可以试试:
document.getElementById('theID').value = 'new value';
简单的答案不是在Javascript中,获得占位符最简单的方法是通过占位符属性
<input type="text" name="text_box_1" placeholder="My Default Value" />
如果字段出于某种原因只有name属性,没有其他属性,你可以尝试这样做:
document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";
document.getElementById("fieldId").value = "Value";
or
document.forms['formId']['fieldId'].value = "Value";
or
document.getElementById("fieldId").setAttribute('value','Value');
如果你使用多种表单,你可以使用:
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
推荐文章
- 在React Native中使用Fetch授权头
- 为什么我的球(物体)没有缩小/消失?
- Twitter Bootstrap 3 Sticky Footer
- 如何使用jQuery检测页面的滚动位置
- if(key in object)或者if(object. hasownproperty (key)
- 一元加/数字(x)和parseFloat(x)之间的区别是什么?
- angularjs中的compile函数和link函数有什么区别
- 删除绑定中添加的事件监听器
- CSS在特定的“内联块”项之前/之后换行
- 很好的初学者教程socket.io?
- 点击下载Href图片链接
- HtmlSpecialChars在JavaScript中等价于什么?
- 我如何删除背景图像在css?
- 如何克服HTML表单嵌套的限制?
- React: 'Redirect'没有从' React -router-dom'中导出