背景文字提示效果是输入框常用的功能，但大部分是使用JavaScript实现的：

value="请输入影片名称或主演名称..." onBlur="if(this.value=='') this.value='请输入影片名称或主演名称...';" onFocus="if(this.value=='请输入影片名称或主演名称...') this.value='';"

HTML5提供了新的实现方式，只需要在文本框的标记上添加placeholder属性，然后在属性值里输入你需要的提示信息即可。
语法：

<input placeholder=”提示信息...”>

示例：

<form>
<input type="text" placeholder="你的姓名..." name="lname">
<input type="password" placeholder="你的密码..." name="pass">
<input type="submit" value="提交">
</form>

用在评论框时，可能需要换行，但Placeholder默认不支持换行，这里以JS实现：

$(function() {
    var placeholder = '第一行文本提示\n第二行文本提示\n第三行文本提示';
    $('textarea').val(placeholder);
    $('textarea').css({"line-height":"20px","color":"#A9A9A9"});
    $('textarea').focus(function() {
        if ($(this).val() == placeholder) {
            $(this).val('');
        }
    });
    $('textarea').blur(function() {
        if ($(this).val() == '') {
            $(this).val(placeholder);
        }
    });
});

在我们编写了客户端代码，如 css、javascript、(x)html后，通常需要进行调试，而本代码可以让您在新打开的窗口中预览，方便及时修改。同时也可以用于代码演示。

<textarea cols="70" rows="20" id="code"></textarea>
<script type="text/javascript"> 
<!-- 
function openWindow() 
{ 
    newWindow = window.open('','newWindow','height=300,width=500,scrollbars=auto'); 
    if (newWindow != null) 
    { 
        var windowHTML= document.getElementById('code').value; 
  
        newWindow.document.write(windowHTML); 
        newWindow.focus(); 
    } 
} 
//-->
</script>
<input value='预览代码' onclick="openWindow();" type="button" />

<!-- html注释:begin -->
内容  
<!-- html注释:end -->

<script type="text/javascript">
//js注释  
</script>

<style type="text/css">
/* css注释*/  
</style>

- 阅读剩余部分 -