Javascript 在动态创建的文本框上添加标签_Javascript_Php_Html

Javascript 在动态创建的文本框上添加标签

javascript php html

Javascript 在动态创建的文本框上添加标签,javascript,php,html,Javascript,Php,Html,这里有动态创建文本框和按钮的代码。问题是，我想在此文本框上添加我想要的标签，而不是静态占位符值。请帮助我。下面是代码 <HTML> <HEAD> <TITLE>Dynamically add Textbox, Radio, Button in html Form using JavaScript</TITLE> <SCRIPT language="javascript"> function add(type) { var ele

这里有动态创建文本框和按钮的代码。问题是，我想在此文本框上添加我想要的标签，而不是静态占位符值。请帮助我。下面是代码

<HTML>
<HEAD>
<TITLE>Dynamically add Textbox, Radio, Button in html 
Form using    JavaScript</TITLE>
<SCRIPT language="javascript">
function add(type) {
var element = document.createElement("input");
element.setAttribute("type", type);
element.setAttribute("value", type);
element.setAttribute("name", type);
var foo = document.getElementById("fooBar");
foo.appendChild(element);}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<H2>Dynamically add element in form.</H2>
Select the element and hit Add to add it in form.
<BR/>
<SELECT name="element">
<OPTION value="button">Button</OPTION>
<OPTION value="text">Textbox</OPTION>
<OPTION value="radio">Radio</OPTION>
</SELECT>
<INPUT type="button" 
value="Add"    onClick="add(document.forms[0].element.value)"/>
<span id="fooBar">&nbsp;</span>
</FORM>


在html中动态添加文本框、单选框和按钮
使用JavaScript的表单
功能添加（类型）{
var元素=document.createElement（“输入”）；
setAttribute（“类型”，类型）；
setAttribute（“值”，类型）；
setAttribute（“名称”，类型）；
var foo=document.getElementById（“fooBar”）；
foo.appendChild（元素）；}
在表单中动态添加元素。
选择元素并点击Add将其添加到表单中。


按钮
文本框
无线电

我想你在找

 function add(type) {
    var foo = document.getElementById("fooBar");
    if(type=="text"){

        foo.innerHTML +="Text:<input type='text'>"
    }else{
        var element = document.createElement("input");
        element.setAttribute("type", type);
        element.setAttribute("value", type);
        element.setAttribute("name", type);
        foo.appendChild(element);
    }

}

函数添加（类型）{
var foo=document.getElementById（“fooBar”）；
如果（类型=“文本”）{
foo.innerHTML+=“文本：”
}否则{
var元素=document.createElement（“输入”）；
setAttribute（“类型”，类型）；
setAttribute（“值”，类型）；
setAttribute（“名称”，类型）；
foo.appendChild（元素）；
}
}

简写代码

function add(type,label) {

   var foo = document.getElementById("fooBar");

  foo.innerHTML +=""+label+":<input type='"+type+"' value="+label+">";

}

函数添加（类型、标签）{
var foo=document.getElementById（“fooBar”）；
foo.innerHTML+=“”+label+：”；
}

请尝试实现您想要的功能，如果遇到任何问题，请在此处发布问题：）我甚至不知道您需要什么样的帮助。如果希望使用指定文本标记元素，可以添加新输入，就像allready有一个参数一样。类似于：是..是..是..我怎么能得到这个代码？