php - Facebook 文本区域功能

Question

我想知道如果输入了某些内容，您如何添加一个清除文本区域中内容的函数。例如，textarea 中的标准消息会说：“Type something...”，但如果输入了某些内容，则 textarea 将被清除。基本上，与 Facebook 在其 wallpost-textarea 中使用的功能相同。

以及如何使文本区域的高度自动跟随文本的数量，因此不需要滚动条。同样，Facebook 在其 wallpost-textarea 中使用的功能相同。

实际上，我注意到在本网站的注册页面上，当您输入您的电子邮件、密码等时，使用了清除 textarea/input 字段中的内容的功能。

我希望你们中的一些人可以帮助我。我试图找到一个关于它的脚本，但没有任何运气！

Answer 1

首先是（HTML5）placeholder属性。这是默认情况下存在的消息，当您开始输入时，它就会消失。

http://www.w3.org/html/wg/drafts/html/master/forms.html#the-placeholder-attribute

对于第二个，您需要一些 JavaScript。

$('textarea').on('keyup',function(e){
    $(this).css('height',$(this).get(0).scrollHeight);
});

Answer 2

可能不是最好的解决方案，但您可以尝试以下方法。

<script>
function textAreaAdjust(o) {
o.style.height = "1px";
o.style.height = (25+o.scrollHeight)+"px";
}
</script>
<textarea cols="50" id="textAreaAdjust" style="overflow:hidden" placeholder="Type something..."  onkeydown="textAreaAdjust(this)"></textarea>

jsfiddle 示例