javascript - 如何使 <input type ="text"> 元素不可见，但仍显示用户输入？

Question

我想设置opacity:0对于一些 <input type="text">在一个表单中。

但是，我仍然希望用户能够在这些表单字段中输入并查看他们的输入。

有什么办法可以使<input type="text">元素不可见，但仍保留其功能？

Answer 1

如果您希望用户看到他们键入的内容，则不能将不透明度设置为 0。

改为隐藏关于输入可见的所有其他内容。

body {
    background: #ccc;
}

input {
    background: transparent;
    border: none;
}

My name is <input name=name placeholder=John>.