大佬教程收集整理的这篇文章主要介绍了使用CSS自动添加“必填字段”星号以形成输入，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<div class="required"> <label>Name:</label> <input type="text"> </div> <style> .required input:after { content:"*"; } </style>
在一个完美的世界中，所有需要的输入都会得到一个小星号，表示该字段是必需的。这个解决方案不可能，因为CSS被插入在元素内容之后，而不是在元素本身之后，但是类似的东西将是理想的。在具有上千个必填字段的网站上，我可以将输入前面的星号移动一行(：后：：之前)，或者将其移动到标签的末尾(.required label：after)或在标签前面，或在容纳盒上的位置等…
这是重要的，不只是在我改变我的想法，在哪里放置星号无处不在，而且对于奇怪的情况下，表单布局不允许在标准位置的星号。它也适用于检查表单或突出显示未正确完成的控件的验证。
最后，它不添加额外的标记。
有没有任何好的解决方案具有所有或大部分的优点的不可能的代码？
.required input { padding-right: 25px; BACkground-image: url(...); BACkground-position: right top; }
这将把星号INSIDE在文本框中，但把相同的div.required而不是.required输入可能会更多的你正在寻找，如果一点不太优雅。
此方法不需要额外的输入。
我不断得到这个帖子的奇数upvote。这个答案是OP的权利，但在大多数情况下可能不会是最好的选择。 The :after styntax is much better。
以上是大佬教程为你收集整理的使用CSS自动添加“必填字段”星号以形成输入全部内容，希望文章能够帮你解决使用CSS自动添加“必填字段”星号以形成输入所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。