如何让输入字段已经具有“点击”外观而无需单击它?

时间:2011-10-12 16:19:39

标签: html css input

我希望输入字段已经具有单击的外观,因此当您查看输入字段时,“|”没有人点击它就已经闪烁了吗?

它为搜索字段提供了更热情的触摸

以下是该字段的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'}" />

谢谢!

詹姆斯

2 个答案:

答案 0 :(得分:3)

如果您的目的是实际上专注于,那么您可以在javascript中执行此操作:

为输入节点添加ID:id =“myID”

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

此外,HTML 5具有自动聚焦属性:

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

答案 1 :(得分:1)

focus()

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

为了使其无焦点,你blur()

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