gpt4 book ai didi

HTML 表单输入初始、焦点和填写状态

转载 作者:太空狗 更新时间:2023-10-29 15:49:23 25 4
gpt4 key购买 nike

我正在使用具有 3 个状态的 Bootstrap 设计一个表单。

  1. 初始未填写状态
  2. 专注状态
  3. 填写状态(前用户在文本框中输入内容)

我目前无法区分状态 #1 和 #3。没有 javascript 可以做到这一点吗?

最佳答案

目前没有区分“空”和“非空”的 CSS(除非您在每次击键时使用 Javascript 将内容复制到 value 属性)。

但是,您可以使用 :valid 伪类。如果您不介意要求用户在文本框中输入内容,您可以添加 required 属性,然后一个非空值将有效!

input {background:white} /* empty state */

input:valid {background:yellow} /* has content typed in */
<input required>

关于HTML 表单输入初始、焦点和填写状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30712452/

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