Почему этот код не отображается на странице 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 text, а затем проверьте, является ли ввод пустым.

См. Пример ниже:

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>