html列表设置必填并且有标志
可以使用HTML5中的required属性和CSS中的伪元素before来实现必填项的标记:
HTML代码:
<label for="name">姓名<span class="required">*</span></label>
<input type="text" name="name" id="name" required>
CSS代码:
label .required:before {
content:"*";
color:red;
}
这段CSS代码会在带有.required类的元素前面添加一个红色的星号。需要注意的是,这里使用了伪元素before,因此必须设置content属性,否则星号不会显示。同时,使用了label元素来关联input元素,这样用户点击星号时,会自动聚焦到对应的文本框。最后,required属性可以让浏览器自动验证必填项,并在文本框为空时显示提示信息。
原文地址: http://www.cveoy.top/t/topic/fpUU 著作权归作者所有。请勿转载和采集!