Как сделать так, чтобы поле ввода уже выглядело «кликнуло», не щелкая по нему?

Question

Я хочу, чтобы поле ввода уже выглядело нажатым, поэтому, когда вы смотрите на поле ввода, '|'уже мигает, если кто-то не щелкнул по нему?

Это придает поиску более приятный штрих

Вот мой HTML для этого поля:

<input type="text" name="search" size="36" value="" 
style="background-color:white;border: 
solid 1px #ffffff; height: 30px; font-size:19px; font-family: HelveticaNeue-Light;
font-weight: 1;
vertical-align:9px;color:#bbb" 
onfocus="if(this.value == ''){this.value = 
'';this.style.color='#363D42'}" />

Спасибо!

Джеймс

Answer 1

Если ваше намерение состоит в том, чтобы также было сфокусировано , вы можете сделать это в javascript:

Добавьте идентификатор к вашему входному узлу: id = "myID"

<script type="text/javascript">
    document.getElementById("myID").focus();
</script>

Кроме того, HTML 5 имеет атрибут автофокуса:

<input type="text" autofocus="autofocus" />

Answer 2

Вы focus() это:

document.getElementById('foo').focus();

Чтобы сделать его не сфокусированным, вы blur() это:

document.getElementById('foo').blur();