Question

有没有办法将文本放在文本框中，但也允许用户输入内容。我想在框内写“username：”，并允许用户在冒号后面输入。我可以通过在文本框旁边创建一个div并使它看起来像是一个容器来做到这一点，但我想知道是否有更简单的方法？感谢

编辑：我不想发短信消失。我只想让用户能够继续输入

编辑2：您不能在文本框中放置值的原因是因为它是一个表单。当用户在一起提交的值旁边键入用户名时

Answer 1

HTML5现在可以使用placeholder属性：

<input type="text" placeholder="username" />

人们也created javascript functions模仿了这个功能。

还有一个jQuery placeholder插件可以执行相同操作，如果你想要走这条路。

Answer 2

使用标准HTML有什么问题？你没有说你需要它消失......

<input type="text" value="username: " />

如果您需要它消失，请使用占位符属性和jQuery插件作为后备（对于不支持它的浏览器。

Answer 3

你可以这样做：

<div>
    <label>Username:</label>
    <input type="text" />
</div>

CSS

div{border:1px solid gray;}
label{font-family:arial; font-size:.8em;}
input{border:none;}
input:focus{outline:none;}

基本上，创建了一个包含div并在label中放置了input和div。 label是留在现场的词语。 input删除了border。

Fyi ...你可能需要增加input的大小，具体取决于你想接受多少个字符。

Answer 4

<input type="text" placeholder="Category"/>

也许这可以帮到你。如果您只想阅读文本框，可以将属性readonly = ""。

Answer 5

您可以在加载页面后调用此javascript函数：

function add(text){
    var TheTextBox = document.getElementById("Mytextbox");
    TheTextBox.value = TheTextBox.value + text;
}

Answer 6

如果您使用的是HTML5，则可以使用占位符属性。