gpt4 book ai didi

html - 使用伪元素在有效输入字段上显示 ✓ 标记

转载 作者:行者123 更新时间:2023-11-28 10:35:01 24 4
gpt4 key购买 nike

<分区>

下面是我尝试使用 CSS content 属性添加刻度线以显示在有效的必填字段上,但它没有成功。

因为我还没有真正看到这样做,难道就不能这样做吗?只使用 JavaScript 会更高效吗?

我想听听人们对我应该如何实现此功能的用户反馈意见。

input[type=text]:valid {
border: 1px solid green;
}
input[type=text]:valid:after {
content: '✓';
color: green;
}
<p>Username:</p>
<input type="text" placeholder="Username" name="username" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$" title="Must Include Characters And Numbers only" required>

这基本上回答了我的问题: http://codepen.io/brentrobbins/pen/beexQR

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com