Html 如何保持输入字段占位符值，即使其值已键入（字段没有标签）

我试图保留输入字段占位符，它在焦点中工作，但当输入包含值时占位符消失。知道怎么做吗

---

仅仅使用占位符文本是不可能达到您的要求的。浏览器将根据设计隐藏占位符文本，您对此无能为力

我已经提出了一个替代解决方案，使用label元素和一些简单的CSS，在没有占位符的情况下实现相同的结果

输入
{
边框：1px实心#1b1a1a；
宽度：350px；
填充：10px；
}
输入+标签
{ 
位置：绝对位置；
左：18px；
顶部：18px；
过渡：0.5s缓解；
颜色：灰色；
字号：0.9em；
}
输入：焦点+标签
{
右：100px；
显示：块；
顶部：5px；
}
输入：有效+标签
{
顶部：5px；
}
输入一些文本

叉式连杆please@Firefog完成后，请刷新页面。其重叠输入数据不聚焦时，请注意，这部分比较棘手。我已经对小提琴进行了轻微的编辑以将其设置正确，但我不确定是否支持浏览器-尚未验证

<input type="text" placeholder="Input some text">

input:focus::-webkit-input-placeholder{
    color: #202020;
    font-size: 10px;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    visibility: visible !important;
    opacity: 1
    padding:3px;
}

input{
    height: 45px;
    border: 1px solid #1b1a1a;
    width: 350px;
    padding: 10px;
}

input
{
  border: 1px solid #1b1a1a;
    width: 350px;
  padding: 10px;
}

input + label
{ 
  position: absolute; 
  left: 18px; 
  top: 18px;
  transition: 0.5s ease;
  color: grey;
  font-size: 0.9em;
 }

 input:focus + label
 {
   right: 100px;
   display: block;
   top: 5px;
 }

 input:valid+ label
 {
  top: 5px;
 }

<input id="ip" type="text" placeholder="" required="">
<label for="ip">Input some text</label>