Я работаю над добавляющим текстом "поиска" к окну поиска. Я пытаюсь достигнуть:
onfocus: исчезните текст
И
onblur: вновь появитесь текст
До сих пор я достиг этого, но у меня был к hardcode он в HTML:
например.
<input type="text" name="s" id="search-text" size="15" value="Search"
onfocus="if (this.value==this.defaultValue)
this.value='';" onblur="if(this.value==''){this.value='Search'}">
И if I add this the of my .html file I am getting the same result:
например.
<script type="text/javascript">
var defaultText = "Search...";
var searchBox = document.getElementById("search");
//default text after load
searchBox.value = defaultText;
//on focus behaviour
searchBox.onfocus = function() {
if (this.value == defaultText) {//clear text field
this.value = '';
}
}
//on blur behaviour
searchBox.onblur = function() {
if (this.value == "") {//restore default text
this.value = defaultText;
}
}
</script>
(любезность: http://zenverse.net/javascript-search-box-show-default-text-on-load/)
То, чего я пытаюсь достигнуть, использует вышеупомянутый код во внешнем .js файле, но неважно, что я, я не могу управлять к обратной ссылке кодом к своему окну поиска в моем .html файле.
I am sorry if this is a bad question I have made about 10 different .html И .js files swapping И remapping code И still can't get it to work without having the JavaScript in the actual .html file.
Любой помощью было бы очень ценившее Спасибо.