javascopy语言，文本框里如何插入一个背景图片呢，如果文本框不行，如何用textarea

http://www.w3school.com.cn/cssref/pr_background-image.asp

直接上代码：


<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript">
      function changeStyle(id, image) {
        document.getElementById(id).style.backgroundColor="#FFCC80";
        document.getElementById(id).style.backgroundImage="url(" + image + ")";
        document.getElementById(id).style.backgroundSize = "100% 100%";
      }
    </script>
  </head>
  <body>
    <textarea id="textarea"></textarea><br/>
    <input type="text" id="input"/><br/>
    <input type="button" onclick="changeStyle('input', 'bg.png')"
value="input添加背景图" />
    <input type="button" onclick="changeStyle('textarea', 'bg.png')"
value="textarea添加背景图" />
  </body>
</html>