本文目录
- 如何设置placeholder的样式
- 如何修改placeholder样式
- 安装autocad时出现placeholder
- placeholder和value的区别是什么
- html中placeholder是什么意思
- placeholder是什么意思
如何设置placeholder的样式
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了。
::-webkit-input-placeholder{}
:-moz-placeholder{}
::-moz-placeholder{}
:-ms-input-placeholder{}
注1:冒号前写对应的input或textarea元素等。
注2:placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。
eg:
css代码
#input-test{
color: #FFC0CB;
font-size: 1.2em;
width: 180px;
height: 36px;
}
#input-test::-webkit-input-placeholder{
color: #ADD8E6;
}
#input-text::-moz-placeholder{ //不知道为何火狐的placeholder的颜色是粉红色,怎么改都不行,希望有大牛路过帮忙指点
color: #ADD8E6;
}
#input-text:-ms-input-placeholder{ //由于我的IE刚好是IE9,支持不了placeholder,所以也测试不了(⊙﹏⊙),有IE10以上的娃可以帮我试试
color: #ADD8E6;
}
html代码
《div id=“container“》
《input id=“input-test“ type=“text“ placeholder=“修改placeholder样式“ /》
《/div》
效果如下图所示:
PS:除此之外,还能修改placeholder的font-weight等样式。
eg:
我加了句 “font-weight: bold;“,效果如下图所示:
如何修改placeholder样式
方法/步骤新建html文件,在html文件中输入input标签然后给标签添加placeholder值。如图:代码:《input type=“text“ placeholder=“请输入用户名“ /》保存好html页面后使用浏览器打开,发现input输入框提示的文字是灰色的。修改提示文字颜色。创建style标签,在这个标签里设置提示框文字的颜色。如图:代码:《style type=“text/css“》input::-webkit-input-placeholder{ color: red;}input::-moz-input-placeholder{ color: red;}input::-ms-input-placeholder{ color: red;}《/style》保存html文件后使用浏览器打开,发现提示文字颜色已变为红色。如图:所有代码。可以直接把所有代码复制到新建的html文件上,保存后运行即可看到效果。所有代码:《!DOCTYPE html》《html》《head》《meta charset=“utf-8“ /》《title》《/title》《style type=“text/css“》input::-webkit-input-placeholder{ color: red;}input::-moz-input-placeholder{ color: red;}input::-ms-input-placeholder{ color: red;}《/style》《/head》《body》《input type=“text“ placeholder=“请输入用户名“ /》《/body》《/html》
安装autocad时出现placeholder
安装autocad时出现placeholder是设置错误造成的,解决方法为:
1、键盘同时按住WIN+R键,打开运行窗口,输入regedit,点击“确定”,打开注册表器。
2、点开“SOFTWARE”,然后点击“Classes”,下拉找到Installer,点击“Products”。
3、下拉找到开头为7D2F3875的键值,点开可看到右侧有CAD键值,把以7D2F3875开头的键值删除掉。
4、返回到SOFTWARE路径下,点击“Autodesk”,然后把AutoCAD也删除掉,关闭窗口。
5、打开我的电脑,打开C盘,打开program file文件夹,把AutoCAD文件夹删除掉即可。
placeholder和value的区别是什么
input中的value和placeholder区别由于HTML5的出现,使得表单的功能更加强大,input的功能应用起来更加简单,从value到placeholder。但是由于兼容问题,placeholder只适合在移动端的项目,IE6/7/8不支持,只能用value,或者你可以用其他方法模拟placeholder,具体案例你可以看支付宝和财付通的登录和注册页面。下面分别介绍下value和placeholder的实际应用。value如果用的是value,我们想鼠标focus后默认文字消失,移开后默认文字又重现,可以这样来写。placeholder如果用的是placeholder,我们就不需要JS了,因为它本身就自带focus和blur功能了。但是有时候设计师给我们的设计稿往往跟默认文字颜色是有区别的,那我们如何改变placeholder默认文字颜色呢,如下:《input type=“text“ placeholder=“请输入手机号“ class=“inp-fon“》:-moz-placeholder { color: #f00; }::-moz-placeholder { color: #f00;}input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #f00;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #f00;}一般都是用以上这种方法来处理,这里就不放demo了,比较简单,如果想看效果,把代码复制到网页里查看。
html中placeholder是什么意思
比方说有一个输入框,placehold就是这个输入框的提示文字,当你什么也不输入的时候,可以在placeholder里面写上“请输入XXXXX”的一些提示语。
placeholder是什么意思
placeholder 英 n. 占位符; 预留位置; 位置标志符; Subselect placeholder text and then type to change text.选择其中一个占位符文本,然后键入内容,以更改文本。如有帮助请采纳,如对本题有疑问可追问,Good luck!