jquery修改输入框和文本域的placeholder

               

在项目中遇到输入框的重置按钮，重置的内容是需要把input输入框中的内容置空，并且显示placeholder的值；

如果使用$('input').val(' ')的方式不仅把输入框中的内容置空了，并且输入框的placeholder也为空了；经过测试可以使用一下两种方式

<input type="text" placeholder="默认内容" /><br /><textarea name="" rows="2" cols="18" placeholder="这是文本框"></textarea><br /><button>点击</button>

1、方法一

使用defaultValue

$('button').on('click',function(){ $('input').val(' '); $('textarea').val(' '); $('input').val($('input').defaultValue); $('textarea').val($('input').defaultValue);});

2、方法二

使用attr()方法

$('button').on('click',function(){ $('input').val(' '); $('textarea').val(' '); $('input').attr('placeholder',"请输入"); $('textarea').attr('placeholder',"请输入");});