html - 为什么此代码不会显示在 wordpress 页面上？

Question

此代码在我放置它的任何页面上都显示为纯文本。它应该显示两个文本框和两个按钮

<div onmouseover="change_background(this, '#FCF6CF')" onmouseout="change_background(this,'#E8E8E8')" id="client_portal_content">
  Client Login
  <INPUT id=logintext size="15" onblur="if (this.value == '')
    this.value='Your client ID'" onfocus="this.value=''" value="Your client
    ID"></INPUT>
  <INPUT id=loginbutton onclick="if
    (document.getElementById('logintext').value != 'Your client ID')
    window.open('http://1010.cmmcloud.com/progress/progress.php?id=p-'+document.getElementById('logintext').value)" type=button value=Login></INPUT>

  <br><br> Affiliate Login
  <INPUT id=logintextaff size="15" onblur="if
    (this.value == '') this.value='Your affiliate ID'" onfocus="this.value=''" value="Your affiliate ID"></INPUT>
  <INPUT id=loginbuttonaff onclick="if
    (document.getElementById('logintextaff').value != 'Your affiliate ID')
    window.open('http://1010.cmmcloud.com/affportal/portal.php?id=a-'+document.getElementById('logintextaff').value)" type=button value=Login></INPUT>
</div>

Answer 1

您的代码中有错误，这不能解释为什么它显示为纯文本，但可以解释为什么它在任何情况下都不会运行。不要使用“onblur”函数来填充文本，然后检查它是否在提交时填充，而是使用placeholder 文本，然后检查输入是否为空。

看下面的例子:

function check() {
  var x = document.getElementById("#myid");

  if (x == null|| x=="") {
    alert("Fill in your id!");
  }
}

<input id="myid" type="text" placeholder="Client ID" />

<button onclick="check();">Click me</button>

希望对你有帮助

编辑: 在您的标签中(顺便说一句，不需要大写)，您有

 onclick="if
(document.getElementById('logintext').value != 'Your client ID'

替换为

onclick="if
(document.getElementById('logintext').value != null  )


<input id="logintext" size="15" placeholder ="Your Client ID"
value=" "></input>