span нов ред

[bgmaniaka]

Имам този код:

<SELECT name="element">
    <OPTION value="text">Text</OPTION>
    <input  type="hidden" name="stage" value="1">
</SELECT>
<INPUT type="button" value="Add" onclick="add(document.forms[0].element.value)"/>
<span id="fooBar" style="a"></span>

а javascripta e:

function add(type) {

    //Create an input type dynamically.
    var element = document.createElement("input");
    //Assign different attributes to the element.
    element.setAttribute("type", "a");
    element.setAttribute("value", "b");
    element.setAttribute("name", a);
    var foo = document.getElementById("fooBar");
 a++;
    //Append the element in page (in span).
    foo.appendChild(element);
}

Всичко работи, когато се натисне Add се добавя новия textbox, като се цъкне пак, и пак и пак, но как да го направя да излизат всеки на нов ред и ако може в таблица?(<tr><td>textbox</td></tr>
И как да направя да има ограничение например от 10 или 12 textboxa само?