首页 > JS专栏 > JS设计点击文本框 文本框里的文字消失
2015
07-09

JS设计点击文本框 文本框里的文字消失

在写商城购物车时,我们都想要这样一种效果:文本框里有一些提示文字,当用户点击文本框时,文本框的文字自动消失。这种主要有两种方法:

第一,利用html5的placeholder属性

<input type="text" placeholder="请输入您的留言">

第二,使用JS来设计

<script>
 function postscript_activation(tt){
    if (!tt.name){
         tt.value    = '';
         tt.name = 'postscript';
    }

}
</script>  
<textarea id="postscript" style="color:#888;" onclick="postscript_activation(this);">选填,可以告诉卖家您对商品的特殊需求,如颜色、尺码等</textarea>