更改输入占位符文本 jQuery - JavaScript

在web开发中，我们经常会使用输入框来接收用户的输入内容。为了让用户更清晰地知道需要输入什么内容，我们通常使用占位符来提示用户。这里介绍如何使用jQuery和JavaScript来更改输入框的占位符文本。

使用jQuery更改输入框的占位符文本

我们可以使用jQuery的attr()方法来更改输入框的占位符文本。以下是具体步骤：

1. 选中需要更改的输入框，使用jQuery的选择器方法。

let input = $('input[type="text"]');

2. 使用attr()方法来更改输入框的placeholder属性值。

input.attr('placeholder', '请输入用户名');

完整代码如下：

$(document).ready(function() {
  let input = $('input[type="text"]');
  input.attr('placeholder', '请输入用户名');
});

使用JavaScript更改输入框的占位符文本

我们也可以使用JavaScript来更改输入框的占位符文本。以下是具体步骤：

1. 选中需要更改的输入框，使用document.querySelector()方法或document.querySelectorAll()方法。

let input = document.querySelector('input[type="text"]');

2. 使用setAttribute()方法来更改输入框的placeholder属性值。

input.setAttribute('placeholder', '请输入用户名');

完整代码如下：

window.onload = function() {
  let input = document.querySelector('input[type="text"]');
  input.setAttribute('placeholder', '请输入用户名');
}

以上是更改输入框占位符文本的方法，很简单，不难学，希望对您有所帮助。