Question

如何更改输入元素的占位符文本？

例如，我有3个类型文本的输入。

<input type="text" name="Email" placeholder="Some Text">
<input type="text" name="First Name" placeholder="Some Text">
<input type="text" name="Last Name"placeholder="Some Text">

如何使用JavaScript或jQuery更改 Some Text 文本？

Answer 1

如果您想使用Javascript，那么您可以使用getElementsByName()方法选择input字段并为每个字段更改placeholder ...请参阅以下代码... < / p>

document.getElementsByName('Email')[0].placeholder='new text for email';
document.getElementsByName('First Name')[0].placeholder='new text for fname';
document.getElementsByName('Last Name')[0].placeholder='new text for lname';

否则使用jQuery：

$('input:text').attr('placeholder','Some New Text');

Answer 2

此解决方案使用jQuery。如果要对所有文本输入使用相同的占位符文本，可以使用

$('input:text').attr('placeholder','Some New Text');

如果你想要不同的占位符，你可以使用元素的id来改变占位符

$('#element1_id').attr('placeholder','Some New Text 1');
$('#element2_id').attr('placeholder','Some New Text 2');

Answer 3

var input = document.getElementById ("IdofInput");
input.placeholder = "No need to fill this field";

您可以在此处找到有关placeholder的更多信息：http://help.dottoro.com/ljgugboo.php

Answer 4

使用jquery，您可以通过以下代码执行此操作：

<input type="text" id="tbxEmail" name="Email" placeholder="Some Text"/>

$('#tbxEmail').attr('placeholder','Some New Text');

Answer 5

尝试访问输入的占位符属性并更改其值，如下所示：

$('#some_input_id').attr('placeholder','New Text Here');

如果需要，也可以清除占位符，如：

$('#some_input_id').attr('placeholder','');

Answer 6

对于JavaScript使用：

document.getElementsByClassName('select-holder')[0].placeholder = "This is my new text";

对于jQuery使用：

$('.select-holder')[0].placeholder = "This is my new text";

更改占位符文本

6 个答案: