更改占位符文本

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

例如，我有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文本？

如果您想使用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');

此解决方案使用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');

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

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

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

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

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

我一直面临着同样的问题。

在JS中，首先必须清除文本输入的文本框。否则，占位符文本将不会显示。

这是我的解决方案。

document.getElementsByName("email")[0].value="";
document.getElementsByName("email")[0].placeholder="your message";

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

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

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

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

对于JavaScript，请使用：

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

对于jQuery使用：

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