不使用Javascript或HTML赋值到表单输入，就像outlook.com所做的那样
不使用Javascript或HTML赋值到表单输入，就像outlook.com所做的那样
提问于 2018-09-20 03:21:34
如果你看到outlook.com，你会看到一个输入框，里面有一个默认值，用灰色写着“电子邮件，电话或Skype”。一旦您开始在该输入框中键入内容，此默认值就会消失，如果您删除了输入框中的所有文本，则会再次出现默认提示。这是一个很好的方法来最小化我网站上的文本，以避免每个表单的每个输入框都有一个单独的标签。
现在，你可能认为这是由Javascript完成的，但事实并非如此，如果你禁用浏览器的Javascript，outlook.com页面仍然会显示相同的行为。
我的问题是，我怎么才能做这样的事情呢？ie在我的输入框上显示一个默认值，然后在用户实际开始在这些框中输入时隐藏/删除它，所有这些都没有Javascript。我知道这肯定是可能的，就像outlook.com所做的那样。但是怎么做呢？
谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-09-20 03:24:21
将这段代码放入您的HTML代码中，看看placeholder的魔力
#magic {
height: 20px;
width: 200px;
padding: 5px;
}<html>
<body>
<input placeholder="Make this invisible on typing" id="magic"/>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52412905
复制相关文章
相似问题