更改占位符文本

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

例如，我有3个input的文本types。

<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更改“ 某些文本”文本？ 我真的需要找出解决我的问题。

Answer 1

您可以使用getElementsByName()方法来selectinput字段，并更改每个的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'; 

Answer 2

如果要为所有文本input使用相同的占位符文本，可以使用

 $('input').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

我一直面对同样的问题。

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

这是我的解决scheme。

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

Answer 5

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

你可以在这里find关于placeholder更多信息： http ： //help.dottoro.com/ljgugboo.php

Answer 6

尝试访问input的占位符属性并更改其值，如下所示。 $（'＃some_input_id'）。attr（'placeholder'，'New Text Here'）; 如果需要，也可以清除占位符，如.. $（'＃some_input_id'）。attr（'placeholder'，''）;