如何在JavaScript中设置一个表单<input>文本字段的默认值?
当前回答
这是简单的;一个例子是:
<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>
其他回答
简单的答案不是在Javascript中,获得占位符最简单的方法是通过占位符属性
<input type="text" name="text_box_1" placeholder="My Default Value" />
我使用setAttribute():
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
这部分在html中使用
<input id="latitude" type="text" name="latitude"></p>
这是javaScript:
<script>
document.getElementById("latitude").value=25;
</script>
下面的代码工作得很好:
var $div = ('#js-div-hour input');
$div.attr('value','2022/01/10');
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">
推荐文章
- 在JavaScript中将JSON字符串解析为特定对象原型
- 将字符串“true”/“false”转换为布尔值
- 在输入type="number"时禁用webkit的旋转按钮?
- 如何在另一个元素之后添加一个元素?
- 我如何有效地解析HTML与Java?
- “ ”和“”有什么区别?
- 如何使用JavaScript代码获得浏览器宽度?
- event.preventDefault()函数在IE中无法工作
- indexOf()和search()的区别是什么?
- 错误:'types'只能在.ts文件中使用- Visual Studio Code使用@ts-check
- React-Native:应用程序未注册错误
- LoDash:从对象属性数组中获取值数组
- src和dist文件夹的作用是什么?
- 防止滚动条增加到Chrome页面的宽度
- 使用图像而不是单选按钮