如何修改input中的placeholder中的默认样式

 我来答
Demonor_
2017-01-16 · TA获得超过305个赞
知道小有建树答主
回答量:351
采纳率:86%
帮助的人:177万
展开全部

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>my_web_task1</title>
<script src="Web_task1.js" type="text/javascript">

 </script>
<link type="text/css"  rel="stylesheet" href="Web_task1.css">
</head>

<body>

   
    <!--设置文本框默认字体,点击文本框默认字体消失,这样的功能可以有几种方法实现,各种方法都存在优点缺点,至于如何完善就看你的了-->
    <!--第一种:使用placeholder属性--写得比较完善的了>
    <!--<input type="text"  name="username" style="color:#999;" size="18" placeholder="QQ号码/手机/邮箱" onFocus="this.style='color:#FOO';">-->

     <!--第二种:利用onfocus属性写脚本--不足:如果设置点击文本框之后将文本框类型设置为password,则‘密码’二字(默认字体)将会替换为两个黑点>
     <input type="text"  name="username" style="color:#999;"  size="18" value="QQ号码/手机/邮箱"  onFocus="javascript:if(this.value='QQ号码/手机/邮箱')this.value='';this.style='color:#FOO' " >
     
      <!--第三种利用onblur和onfocus属性-->
    <input type="text" name="username"  size="18" value="QQ/Phone" style="color:#999;"  onfocus="if(this.value=='QQ/Phone'){this.value='';this.style='color:#000;'}"  onblur="if(this.value.length<1)this.value='QQ/Phone';this.style='color:#999;'" />
     <input placeholder="QQ/Phone">
 

</body>
</html>



//placeholder的默认样式好像不能改的吧??当然利用onFocus和onBlur同样可以实现默认字体而且还可以自己设置默认样式,当然啦,如果输密码框还是要用到placeholder属性才行

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式