1

我想使用 javascript 设计一个简单的文本区域。我正在使用以下功能

    function add2(type) {
     var element = document.createElement("input");
     var label=prompt("Enter the name for lable","label");
     document.getElementById('raj').innerHTML=document.getElementById('raj').innerHTML+label;
     element.setAttribute("type", type);

     element.setAttribute("name", type);
     element.setAttribute("cols",20);
     element.setAttribute("rows",50);

     var rohit = document.getElementById("raj");
    rohit.appendChild(element);
    document.getElementById('raj').innerHTML=document.getElementById('raj').innerHTML+"<br/>";

}

我在我的 HTML 代码中使用了这个函数，如下所示：

<input type="button" value="Text Area" onclick="add2('textarea')">

但是当我执行这段代码时，它只创建了一个简单的文本框。我应该怎么办 ？？

谢谢

4

2 回答 2

2

Textarea 有自己的 HTML 标签，我认为这就是你想要的：

演示：http: //jsfiddle.net/SO_AMK/ZzdWR/

HTML：

<input type="button" value="Text Area" onclick="add2('textarea')">
<div id="raj">Lorem ipsum...</div>

​JavaScript：

function add2(name) {
     var element = document.createElement("textarea");
     var label = prompt("Enter the name for lable","label");
     var rohit = document.getElementById("raj");
     rohit.innerHTML = rohit.innerHTML + label;

     element.setAttribute("name", name);
     element.setAttribute("cols",20);
     element.setAttribute("rows",50);

    rohit.appendChild(element);
    rohit.innerHTML = rohit.innerHTML + "<br/>";

}​
于 2012-07-11T12:50:33.177 回答
1

文本区域是单独的元素：

<textarea>content</textarea>

而不是

<input type="textarea" value="content" />
于 2012-07-11T12:46:35.003 回答