输入类型文本php中的背景文本答案

【问题标题】：Background text in input type text php输入类型文本php中的背景文本
【发布时间】：2016-01-28 10:55:05
【问题描述】：

我认为这是一个简单的问题，但我不知道如何在 google 中搜索这个问题

我需要输入文本字段中的背景文本。喜欢：插入你的名字。当我按下该字段以插入我的名字时，文本消失了

现在这是我的代码..

<textarea id="dox" name="<?php echo $_SESSION["dox"]; ?>" rows="25" cols="80">hello type here.</textarea><br />

谁能帮助我？添加所有需要的东西......非常感谢

【问题讨论】：

标签： php text background textfield

【解决方案1】：

你需要占位符属性：

<textarea id="dox" name="<?php echo $_SESSION["dox"]; ?>" rows="25" cols="80" placeholder="hello type here."></textarea>

【讨论】：

您好，非常感谢！所以我将占位符文本更改为“名称”。但我希望文本位于占位符的中间？目前它看起来像这样.. gyazo.com/a2faf51cd6bae5b16987347f24bc230f
看看这里：stackoverflow.com/questions/7381446/…

【解决方案2】：

对于文本区域和输入字段，您可以像这样简单地使用“占位符”属性：

<textarea placeholder="hello type here." id="dox" name="<?php echo $_SESSION["dox"]; ?>" rows="25" cols="80"></textarea>

然而，这个属性并不兼容所有（主要是旧的）浏览器。如果您想访问这些浏览器，可以使用这样的 JQuery 插件，例如：https://github.com/mathiasbynens/jquery-placeholder

或者使用带有 onfocus 和 onblur 事件的 JavaScript：

<textarea onfocus="if(this.value=='Placeholder text')this.value='';" onblur="if(this.value=='')this.value='Placeholder text';">Placeholder text</textarea>

【讨论】：

您好，非常感谢！所以我将占位符文本更改为“名称”。但我希望文本位于占位符的中间？目前它看起来像这样.. gyazo.com/a2faf51cd6bae5b16987347f24bc230f
使用 CSS 将输入文本字段中的文本居中对齐。