Как получить заполнитель текста с включенным JavaScript, без заполнителя, когда отключен JavaScript - без HTML5

Question

Я бы хотел, чтобы текст-заполнитель был включен, когда включен javascript, выполнив что-то вроде следующего:

<input id="firstform" type="text" value="Pizza" onblur="this.value=!this.value?'Pizza':this.value;" onfocus="this.select()" onclick="this.value='';" name="firstform">

Хотелось бы, чтобы поле оставалось пустым, если javascript отключен, как, например, когда javascript выключен, текст-заполнитель остается при выборе поля.

К сожалению, я не могу использовать атрибут-заполнитель HTML5 вместо всего этого.

Answer 1

Загрузить значение при загрузке страницы с помощью JS

window.onload = function(){
   document.getElementById('firstform').value = 'Pizza';
};

, поэтому, если у пользователя отключен JS, поле будет пустым

Answer 2

Просто оставьте поле пустым в источнике и присвойте ему значение в событии onload, которое срабатывает только при включенном javascript.

Answer 3

При отключенном javascript вариантов намного меньше, но если вы хотите рассмотреть параметры с включенным javascript, вы можете использовать html5-заполнитель и javascript polyfill для заполнителя, чтобы убедиться, что он работает с браузерами и без который поддерживает placeholder.