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

巴拉

我有以下代码:

<input id="firstName" name="fname" type="text" maxlength="50" placeholder="First Name *" required>

如何在占位符值红色中给(*)符号上色而不用其上的其他文本(即名文本)上色?

任何帮助深表感谢!

谢谢!

雅各布·格雷

不幸的是,无法更改输入中某些文本的颜色:(您可以尝试使用contenteditablediv:

<div class="input" contenteditable>First Name <span style="color:red;">*</span></div>

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

$(function(){
    $('.input').focus(function(){
        $(this).html('');
    });
    $('.input').blur(function(){
       if($(this).html()=='') this.innerHTML='First Name <span style="color:red;">*</span>';
    });
});

JSFiddle演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

IE中的HTML输入字段占位符

来自分类Dev

如何更改html中输入的占位符的颜色

来自分类Dev

输入字段的一个占位符中包含2种颜色

来自分类Dev

如何更改特定输入字段的占位符颜色?

来自分类Dev

当输入包装在div中时,从表单标签创建html5占位符

来自分类Dev

当输入包装在div中时,从表单标签创建html5占位符

来自分类Dev

使用CSS更改HTML5输入的占位符颜色

来自分类Dev

使用CSS更改HTML5输入的占位符颜色

来自分类Dev

在reactjs中设置文本输入占位符颜色

来自分类Dev

如何使html输入字段的占位符文本可编辑?

来自分类Dev

在Django的表单字段中添加占位符

来自分类Dev

如何在输入中仅使占位符斜体

来自分类Dev

占位符html的CSS颜色

来自分类Dev

NextJS:在输入字段中还原占位符文本

来自分类Dev

我如何在输入字段中添加永久占位符

来自分类Dev

动态占位符HTML表单

来自分类Dev

占位符中的不同颜色

来自分类Dev

无法更改输入占位符的颜色

来自分类Dev

HTML中的占位符与数据占位符

来自分类Dev

输入字段的一个占位符中有2种颜色

来自分类Dev

中心表单输入和占位符?

来自分类Dev

仅使用CSS输入占位符

来自分类Dev

仅使用CSS输入占位符

来自分类Dev

HTML-输入元素中不可删除的占位符

来自分类Dev

如何在IE11中设置输入文本颜色而不是占位符颜色

来自分类Dev

使用内联CSS更改输入的HTML5占位符颜色

来自分类Dev

带有占位符属性的市场营销人员Web表单(WFFM)HTML输入标签

来自分类Dev

如何在表单中仅提交1个输入字段?

来自分类Dev

如果提交了某个值,如何更改输入type =“ text”中的占位符文本的颜色?

Related 相关文章

热门标签

归档