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 に答える