Chinese
Sign in / Sign up

隐藏文本/搜索框图片

隐藏文本脚本用来为表单中的域添加临时的帮助信息。 帮助文本将在你把鼠标指针放置到表单域上时自动消息。 本脚本也用来替换搜索按钮图片。

特点

  • 用户可以自己定制想要为表单域显示的帮助信息。
  • 表单域的值可诶以是隐藏文本或隐藏图片。

预览

Ejemplo 1: B��ïÿý�ï�ÿ�ý��ïÿý���úsqueda personalizada set classname as 'displaytext' for textfield
Ejemplo 2: Establecer fecha de font color=green> set classname as 'displaytext' for textfield
Ejemplo 3: Ajuste de la imagen set classname as 'displayimg' for textfield

代码

Javascript 代码
<!-- Script by hscripts.com -->
<!-- copyright of HIOX INDIA -->
<!-- more scripts @ https://www.hscripts.com -->
<style type="text/css">
.displaytext{opacity: 0.5; filter: alpha(opacity = 50);}
.normaltext{opacity: 1; filter: alpha(opacity = 100); }
.displayimg{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;background:url(hscripts.gif); }
</style>
<script type="text/javascript">
function hiddenText(iid,value,classname)
{
document.getElementById(iid).value=value;
document.getElementById(iid).className=classname;
}
function displayText(iid,value,classname)
{
if(document.getElementById(iid).value =="")
{
document.getElementById(iid).value=value;
document.getElementById(iid).className=classname;
}
}
</script>

HTML 代码
<input type="text" id="text1" value="example" size="10" class='displaytext' onfocus="hiddenText(this.id,'','normaltext')" onblur="displayText(this.id,'example','displaytext')">
  • 发行日期 - 2011-06-23
  • 获得免费版本无版权链接只 $5/-
  • 关于脚本的定制或者任何脚本的开发，请联系我们, support@hscripts.com

用法

  • 复制代码并粘贴到您的网页，网页上。
  • 如果想要把文本框的值显示为帮助文本，把文本框的样式（className）设置为
  • 如果需要在更多的表单域中使用这个隐藏文本/搜索框图片脚本， 设置ID，值和 className 即可。
  • hiddenText() 函数用来隐藏默认值并显示实际输入的文本。这里参数是搜索框（文本框）id，值和className。
  • displayText() 函数用来隐藏输入的值并显示默认值。这里参数是搜索框（文本框）id，值和className。

牌照

  • 这javascript（如Java脚本拼错）/ HTML代码是GPL授权赋予
  • 即对那些谁使用它，因为它是免费使用.
  • 免费的，如果你的修改不会删除我们的版权信息和链接.
  • 详细许可证资料可在这里找到.
  • 你可以购买脚本如果你的要求不符合GPL的许可条款.

Javascript 脚本