免费发布供求信息
热门搜: 无锡  赣州  南京  工业  阳电  作用  区别  消毒柜  纽曼  散热器  新能源  插槽 
当前位置: 首页 » 投稿 » 美文摘要 » 正文

placeholder(如何设置placeholder的样式)

放大字体  缩小字体 发布日期:2024-11-15 07:16:09  浏览次数:22
核心提示:本文目录如何设置placeholder的样式如何修改placeholder样式安装autocad时出现placeholderplaceholder和value的区别是什么html中

本文目录

  • 如何设置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!

 
关键词: 文字
 
 
相关推荐
热门点击
 
网站首页 | 网站地图 | 广告服务 | 网站留言 | RSS订阅