主页 / 问题 / 1581526
Accepted
axmed2004
Asked:2024-05-25 02:02:07 +0000 UTC2024-05-25 02:02:07 +0000 UTC

css隐藏空文本输入字段

  • 772

是否可以使用CSS隐藏空输入文本？

.textbox{
    display: block;
}


.textbox[value=""]{
    display: none;// всегда видно
}

.textbox:not([value]){
    display: none;// всегда скрыто
}

脑子里什么也没有想到。有CSS方式吗？

css

1 个回答

  1. Best Answer

    嗯，举例来说，这就是可能的。但是，如果该字段是隐藏的，您如何在那里输入任何内容呢？如果您无法输入任何内容，那么为什么不使用disabledor属性type="hidden"呢？

    body {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100dvh;
  gap: 1em;
}

input {
  padding: .5em 1em;
}

input:placeholder-shown {
  opacity: .2;
}
    <input type="text" placeholder="" value="Заполненное поле">
<input type="text" placeholder="">

    • 1

相关问题