如何修改input中的placeholder中的默认样式
答案:1 悬赏:60 手机版
解决时间 2021-02-24 16:54
- 提问者网友：杀生予夺
- 2021-02-24 05:02
如何修改input中的placeholder中的默认样式
最佳答案
- 五星知识达人网友：夜余生
- 2021-02-24 05:20
<!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属性才行
<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属性才行
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯