html搜索鼠标单击在搜索框搜索框里的字自动消失,100分

html搜索鼠标单击在搜索框搜索框里的字自动消失,100分,第1张

你说的需求可以用 事件+JavaScript代码 实现的

1)点击的事件就是onclick(tank352672的答案中事件是onfocus,那是获得焦点,是不对的)

2)onclick="javascript:this.value=''"这样就是当事件触发时执行后面的JavaScript语句,而语句的作用就是清空输入栏

3)完整的代码

<html>

<body>

<input id="Text1" type="text" value="搜索内容" onfocus="javascript:this.value=''" />

</body>

</html>

(代码复制到记事本存为.html后缀的网页即可)

<form action="demo_form.asp" method="get">

<input type="search" name="user_search" placeholder="我是提示文字 在此输入文本我会消失" />

<input type="submit" />

</form>12345

根据浏览器的不同,效果也不同。

有些会在鼠标focus文本框时,文字直接消失。

有些则会在输入文本时消失。

占位文本颜色设置如下

::-webkit-input-placeholder { /* WebKit browsers */ color: #999}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999}

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999}

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999}

<body>

<label id="lb1" onmouseover="document.all.lb1.innerHTML=''" >播放wav</label>

</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7079987.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存