话说placeholder

【话说placeholder】的更多相关文章

placeholder 属性提供一种提示(hint),描述输入域所期待的值. 注释:placeholder 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email 以及 password. 提示(hint)会在输入域为空时显示出现,会在输入域获得焦点时消失: 你可以控制placeholder文字的字体.颜色和风格.你甚至可以将文本框的placeholder以动画方式显示.…

关于placeholder中文字添加换行用转义字符
代替<br>

今天遇到一个问题 UI给的效果图中文本域的提示文字是两行显示, 于是就想到placeholder中能否解析html标签, 尝试后发现并无卵用, 经过调查后发现可以用转义字符代替<br> 表示回车表示换行 <textarea rows="10" placeholder="要夸奖? 想吐槽? 给建议? 有话说? 通通写下来吧,我们将努力为您提供更好的服务!"></textarea> 效果如下:…

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

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

Placeholder如何换行

使用js动态添加标签充,处理换行问题 var placeholder = 'This is a line \nthis should be a new line'; $('textarea').attr('value', placeholder); $('textarea').focus(function(){ if($(this).val() === placeholder){ $(this).val(''); } }); $('textarea').blur(function(){ if($…

关于input标签和placeholder在IE8，9下的兼容问题

一. input常用在表单的输入,包括text,password,H5后又新增了许多type属性值,如url, email, member等等,考虑到非现代浏览器的兼容性问题,这些新的type常用在移动端的项目中. 二. IE10+浏览器下,input标签会有一个默认的样式,比如文本框的'×'号,密码框的小眼睛.初衷是好的,有时候很方便,但有时候我们会自己设置样式和功能.可以用伪元素方法去除: ::-ms-clear, ::-ms-reveal{display: none;} 三. 在低版本的I…

兼容IE8 input的placeholder的文字显示

if( !('placeholder' in document.createElement('input')) ){ $('input[placeholder],textarea[placeholder]').each(function(){ var that = $(this), text= that.attr('placeholder'); // console.log(text); if(that.val()===""){ that.val(text).addClass('pla…

input type="datetime-local" 时placeholder不显示

一个坑,input的type="datetime-local" 时,电脑上会显示提示,如图 <input type="datetime-local" name="user_date" placeholder="请选择时间" /> 但是,手机上不会显示,就是一片白,加上placeholder也是白费. 添上这段代码,亲测ios可以正常提示提示信息,安卓还是一片白. input[type="datetime-…

input placeholder属性样式修改(颜色,大小,位置)

placeholder属性样式修改 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> input::-webkit-input-placeholder { /* placeholder颜色 */ color: #aab2bd; /* placeholder字体大小 */ font-size: 12p…

UITextField的placeholder文字的位置，颜色等的自定义设置

//控制placeHolder的位置,左右缩20 -(CGRect)placeholderRectForBounds:(CGRect)bounds { CGRect inset = CGRectMake(bounds.origin.x+100, bounds.origin.y, bounds.size.width -10, bounds.size.height);//更好理解些 return inset; } //控制显示文本的位置 -(CGRect)textRectForBounds:(CGR…

placeholder实现的两种方式

/** * PlaceHolder组件 * $(input).placeholder({ * word: // @string 提示文本 * color: // @string 文本颜色 * evtType: // @string focus|keydown 触发placeholder的事件类型 * }) * * NOTE: * evtType默认是focus,即鼠标点击到输入域时默认文本消失,keydown则模拟HTML5 placeholder属性在Firefox/Chrome里的特征,光标…