Html仅在表单中的输入占位符字段中的颜色(*)符号

Html仅在表单中的输入占位符字段中的颜色(*)符号,第1张

概述我有以下代码: <input id="firstName" name="fname" type="text" maxlength="50" placeholder="First Name *" required> 如何将占位符值中的(*)符号着色为红色而不用其他文本着色(作为名字文本)? 任何帮助深表感谢! 谢谢! 人 不幸的是,无法更改输入中某些文本的颜色:(您可以尝试使用一个可信的div: < 我有以下代码:
<input ID="firstname" name="fname" type="text" maxlength="50" placeholder="First name *" required>

如何将占位符值中的(*)符号着色为红色而不用其他文本着色(作为名字文本)?

任何帮助深表感谢!

谢谢!

解决方法 不幸的是,无法更改输入中某些文本的颜色:(您可以尝试使用一个可信的div:
<div  contenteditable>First name <span >*</span></div>

然后,您必须使用Js添加和删除占位符:

$(function(){    $('.input').focus(function(){        $(this).HTML('');    });    $('.input').blur(function(){       if($(this).HTML()=='') this.INNERHTML='First name <span >*</span>';    });});

JSFiddle Demo

总结

以上是内存溢出为你收集整理的Html仅在表单中的输入占位符字段中的颜色(*)符号全部内容,希望文章能够帮你解决Html仅在表单中的输入占位符字段中的颜色(*)符号所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1117425.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-29
下一篇2022-05-29

发表评论

登录后才能评论

评论列表(0条)

    保存