更改占位符文本

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每个字段...请参阅下面的代码...

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

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

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

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

Answer 4

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

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