HTML中设置表单输入提示主要通过placeholder属性实现，该属性用于在输入框中显示临时提示文字，用户开始输入时自动消失基本用法将placeholder属性添加到ltinput或lttextarea标签中 ，直接设置提示文字例如ltinput type=#34text#34 name=#34username#34 placeholder=#34请输入用户名#34lt。
HTML5中的placeholder属性允许开发者在输入框中直接添加提示信息 ，一旦用户开始输入，提示就会自动消失以下是关于placeholder属性的详解基本用法只需在输入框标签中加入placeholder属性 ，并设置提示信息即可例如ltinput type=quottextquot placeholder=quot请输入用户名quot浏览器兼容性虽然placeholder属性是HTML。
placeholder是html5新增的input的一个熟悉 ，主要是让表单体验更加智能，相当于value属性 ，但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder=quot默认值quot的文本就会自动清空不过兼容性还不太好 ，至少ie好像要9以上才能支持所以很多pc端的聚焦处理还是用js来的 for属性应该是label的属性吧 。
比方说有一个输入框，placehold就是这个输入框的提示文字 ，当你什么也不输入的时候 ，可以在placeholder里面写上“请输入XXXXX”的一些提示语html 。
大多数人认为HTML5无非就是一些像是header， footer ， nav ， article， section等一样新的语义标签而已，但是很多人不知道它有很多我们可以使用的很棒的特性 ，例如#8226地理定位 API#8226HTML5 Details Tag#8226HTML5 表单特性#8226HTML5 表单验证#8226HTML5 Placeholder本文将向你介绍HTML。
不能这个属性在不同浏览器下的显示是不一样的在 FirefoxChromeMicrosoft Edge 或其他使用以上三种内核的浏览器中 ，输入框获得焦点时，placeholder 没有变化 ，只有当输入框中输入了内容时 ，placeholder 才消失这也是主流做法而在 Safari 和 IE9+ 或其他使用以上两种内核的浏览器中，当输入框 。
在HTML5中新增了许多新特性 ，其中placeholder就是其中之一placeholder属性规定可描述输入字段预期值的简短的提示信息该提 。
lastchild可以自定义一个class类兼容ie8写法IE8下不支持HTML5属性placeholder ，解决问题的js插件挺多的，常用的使用jquery。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/7568.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《htmlplaceholder(htmlplaceholder字体颜色)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：HTML中设置表单输入提示主要通过placeholder属性实现，该属性用于在输入框中显示临时提示文字，用户开始输入...