首页天道酬勤怎么修改placeholder的颜色,css设置placeholder的样式

怎么修改placeholder的颜色,css设置placeholder的样式

张世龙 05-06 04:39 32次浏览

输入输入框在页面布局中经常使用,并且可能需要在placeholder属性中进行说明,以提示用户输入正确的信息。 本文介绍如何使用placeholder属性以及如何修改placeholder属性的样式。 感兴趣的朋友请参考。 希望能帮上忙。

placeholder是HTML5中新添加的属性。 placeholder可用于编写输入字段期望值的简单提示信息。 提示信息将在用户输入值之前显示,并且在用户输入信息时自动消失。 例如,登录时必须输入用户名和密码。 系统将提示您输入用户名和密码的位置。 这是要使用的placeholder属性。

建立web前端的全堆栈数据库(总目录)会使学习更快、更可靠。注意:placeholder属性适用于文本、搜索、url、tel和电子邮件类型。

http://www.Sina.com/http://www.Sina.com/placeholder='您想提示的内容'

可以直接将placeholder属性添加到需要提示的input输入框中。 例如,input type=' text ' name=' name ' placeholder='请输入用户'

input type=' text ' id=' input ' placeholder='用户名'/一、placeholder属性怎么用

如图所示,input输入框会提示您输入用户名

如果33558www.Sina.com/placeholder属性的默认颜色、样式等不能满足我们的需要,则需要修改该样式。

写法: input :-WebKit-input-placeholder {想修改的样式}

placeholder是HTML5中新添加的属性,因此必须注意浏览器的兼容性。

: -使用WebKit-input-placeholder { }/* WebKit内核的浏览器*/

3360-moz-placeholder { }/* Firefox版本4-18 */

:-moz-placeholder { }/* Firefox 19 * /

3360-ms-input-placeholder { }/* ie浏览器*/示例:修改placeholder样式,将input提示框中的字符颜色设置为红色,将字体设置为20px,字符位于输入框的水平代码如下

HTML部分:输入类型=' text ' id='输入' placeholder='请输入用户名'/CSS部分:输入{ width : 200 px; 高: 40px; } # input :-WebKit-input-placeholder { color : red; font-size: 20px; 文本对齐3360中心; } # input :-moz-placeholder { color : red; font-size: 20px; 文本对齐3360中心; } # input :-ms-input-placeholder { color : red; font-size: 20px; 文本对齐3360中心; } 语法:

效果图:和更高版本介绍了如何使用placeholder属性以及如何修改placeholder样式。 很简单,但需要注意浏览器的兼容性。 以前从未接触过placeholder的伙伴可以自己尝试。 我希望你能帮助我。

以上是有关使用placeholder属性和修改placeholder默认样式的详细信息。 请更加关注。

htmltextarea提示文字,validate属性