【HTML5轻松实现搜索框提示文字点击消失---及placeholder颜色的设置】的更多相关文章

HTML5轻松实现搜索框提示文字点击消失---及placeholder颜色的设置

在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能,之前还傻傻的在用js来实现类似功能... 示例 <form action="demo_form.asp" method="get"> <input type="search" name="user_search" placeholder="我是提示文字 在此输入文本我会消失" /…

设计input搜索框提示文字点击消失的效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

HTML 5 <input> placeholder 属性 实现搜索框提示文字点击输入后消失

H5之前要实现这个功能还要用到JS,H5出来之后新增加了placeholder属性,有了这个属性就就能轻松实现这个功能. 定义和用法 placeholder 属性提供可描述输入字段预期值的提示信息(hint). 该提示会在输入字段为空时显示,并会在字段获得焦点时消失. 注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password.(此处来自W3cSchool) <form name=&…

html5文本框提示文字属性为placeholder

html5文本框提示文字属性为placeholder 例子:  <textarea id="comment" class="commentCont"  name="" cols="" placeholder="请踊跃发言,长度至少要6个中英文字哦,请不要恶意灌水哦" rows=""></textarea> ie鼠标点击文本框提示文字消息 火狐输入文字时候消失…

html5配合css3实现带提示文字的输入框(摆脱js)

来源:互联网 作者:佚名 时间:03-08 11:41:53 [大 中 小] webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登录.搜索等位置很适合,感兴趣的你可以参考下本文或许可以帮助到你 很久没写过技术文章了,最近一直在以Webkit作为载体开发系统,当然需要大量使用Html5与CSS3,不仅减少大量的JS还可以保证更流畅.   当选中对话框后,提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后…

Jquery实现搜索框提示功能

博客的前某一篇文章中http://www.cnblogs.com/hEnius/p/2013-07-01.html写过一个用Ajax来实现一个文本框输入的提示功能.最近在一个管理项目的项目中,使用后发现,真的反应很慢,数据量很大的情况下使用Ajax去实现真的不合适,于是,我又写了一个使用Jquery来实现方法. 废话不多说,上图上代码: 引用方式: <body style="background-color: White;"> <form id="form1…

js借助JSONP实现百度搜索框提示效果

主要借助百度搜索的API,调用时会存在跨域问题,需要通过JSONP来解决这个问题,代码如下(代码中部分使用ES6语法): HTML <input type="text" id="input"> <div id="text"></div> js: document.querySelector('#input').oninput = function () { let val = this.value; jsonp…

html5 模糊匹配搜索框

使用bootstrap3-typeahead.js 文件在这里 引用: <script type="text/javascript" src="@Url.Content("XXXXX/bootstrap3-typeahead.js")" charset="UTF-8"></script> input控件 <input id="local_data" autocomplete=&…

js 鼠标点击文本框 提示文字消失

onfocus="if(this.value==defaultValue) {this.value='';}" onblur="if(!value) {value=defaultValue;}"…

ECSHOP搜索框文字点击消失

<input name="keywords" type="text" id="keyword" value="黄山金银币" class="search-input" onfocus="if(this.value=='黄山金银币'){this.value='';this.style.color='#000';}" onblur="if(this.value==''){thi…