是否有可能拥有“永久”占位符？
我正在研究一个包含一些文本框的系统，这些文本框可以测量诸如温度，心率每分钟跳动等等。现在，我只是使用文本框并将该单元添加到同一行上的文本框之后。
我的问题是空间非常有限，所以如果可能的话，我想在文本框中包含单元信息，如右对齐。 我知道HTML5占位符属性，但这只是为了适用于空字段并在输入数据后消失。 我想要的是单位信息始终可见。
像永久版本的占位符是否存在？ 或者有没有办法实现这样的功能？ 我搜索了这个问题，发现这个链接几乎解决了问题，但所有这些占位符在输入文本时都消失了 - 我想要一个占位符的等效物，但它始终可见，而不会显示在POST数据中已提交。
通过将输入封装在特殊div中，您可以在输入字段上添加一段文本和绝对位置。
.input-container {
position: relative;
width: 150px;
}
.input-container input {
width: 100%;
}
.input-container .unit {
position: absolute;
display: block;
top: 3px;
right: -3px;
background-color: grey;
color: #ffffff;
padding-left: 5px;
width: 45px;
}<div class="input-container">
<input type="text" value="102.95" name="" />
<span class="unit">Volts</span>
</div>
<div class="input-container">
<input type="text" value="30" name="" />
<span class="unit">Kilos</span>
</div>
<div class="input-container">
<input type="text" value="64" name="" />
<span class="unit">km/h</span>
</div>这种可能的解决方案与html5占位符无关，但如果您相应地调整代码，它应该如何工作：
http://attardi.org/labels2/#demo
查看第四个输入字段，输入内容后隐藏“占位符”，但您可以轻松更改JavaScript代码中的内容。
然而，如果这是你想要的，你需要写一些能够在输入内容时移动“占位符”的东西。
链接地址: http://www.djcxy.com/p/70573.html