首先，检查元素是否正在使用placeholder属性，然后检查input的值是否为空：

function placeholderActive(selector) {
  var el = document.querySelector(selector);
  if (el.getAttribute('placeholder') && el.value === '') {
    return true;
  }
  return false;
}


var a = placeholderActive('#test1'); // false
var b = placeholderActive('#test2'); // false
var c = placeholderActive('#test3'); // false
var d = placeholderActive('#test4'); // true

console.log(a, b, c, d);

<input id="test1" name="test1" value="123">
<input id="test2" name="test2" placeholder="" value="123">
<input id="test3" name="test3" placeholder="Some Placeholder" value="123">
<input id="test4" name="test4" placeholder="Another placeholder" value="">

现在，对于大多数浏览器，我们可以使用:placeholder-shown伪类来检测占位符是否显示。

function placeholderActive(selector) {
  return !!document.querySelector(selector + ':placeholder-shown');
}
const a = placeholderActive('#test1'); // false
const b = placeholderActive('#test2'); // false
const c = placeholderActive('#test3'); // false
const d = placeholderActive('#test4'); // true

console.log(a, b, c, d);

<input id="test1" name="test1" value="123">
<input id="test2" name="test2" placeholder="" value="123">
<input id="test3" name="test3" placeholder="Some Placeholder" value="123">
<input id="test4" name="test4" placeholder="Another placeholder" value="">

CSS技巧：https://css-tricks.com/almanac/selectors/p/placeholder-shown/
可使用网址：www.example.comhttps://caniuse.com/#feat=css-placeholder-shown

将required属性添加到输入，然后使用:invalid选择显示占位符的输入。
这不适用于电子邮件或带有模式属性的输入类型。
如果希望js在所有情况下都能正常工作，使用js仍然是最好的选择。

const hasPlaceholder = !!input.getAttribute("placeholder") // boolean