我想用js方法，创建from表单中的text文本框。具体怎么才做？能完成么？

javascript 的方法能创建表单中文本框么？

function del（）{
?????????????怎么写？能创建下面的tt？
}

<input type="text" id="tt" name="tt"/>

单击事件按钮：将创建好的text 放入到from表单中间；
<input type="button" onclick="del()" value="创建一个text">

<form id="f1" name="f1" action="ii.html">
//创建的text 放置于这个from表单中；
</form>

求大侠热心帮助。先谢谢了。

举报该问题

推荐答案 2011-07-06

首先你在你要创建文本的地方放一个<td id="txt1"> 或者<span>
然后在JS中写：
document.getElementById("txt1").innerHTML="<input type='text' style='…' > ";不懂可以继续问。希望对你有帮助。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://00.wendadaohang.com/zd/nTTeZBjTB.html

其他回答

第1个回答 2011-07-06

用jquery更方便些，先导入jquery1.4
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
function del（）{
//你的表单
$("f1").append("<input type="text" id="tt" name="tt"/>");
}

第2个回答 2011-07-06

<html>
<body>

单击事件按钮：将创建好的text 放入到from表单中间；
<input type="button" onclick="del()" value="创建一个text" />
<form id="f1" name="f1" action="ii.html">

</form>
</body>
<script type="text/javascript">
function del(){
if(document.getElementById("tt")) return;
var ipt=document.createElement('input');
ipt.type="text";
ipt.id="tt";
ipt.name="tt";
document.getElementById("f1").appendChild(ipt);
}
</script>
</html>

用 jquery当然可以，不过有点大材小用。另外，要下载jquery库，也是不小的网络负担。

第3个回答 2011-07-06

var form= document.getElementById("f1"); //获取form表单
var txt=document.createElement("input");//创建文本框
txt.id="txt1";//为文本框赋id
form.appendChild(txt);//把文本框添加到form表单

相似回答

表单提交后怎样是文本框输入的内容不清空,用js能实现吗?或这用AJAX,请...答：用JS把文本框中的内容存到cookie里,在下一个页面用JS读取出来并设置给文本框的value属性即可.

...时,表单中的一个文本框自动输入相应的值,请问用js怎么解决答：1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。2、在index.html中的标签，输入js代码：$('#myselect').change(function () {$('#total').val($('#myselect').val());});。3、浏览器运行index.html页面，此时将下拉菜单调整为“紧急”后，文本框自动输入了5。

用Js 在文本框中输出信息答：1、给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码： function cls(){ //捕获触发事件的对象，并设置为以下语句的默认对象 with(event.srcElement)//如果当前值为默认值，则清空 if(value==defaultValue) value=""} function res(){ //捕获触发事件的对象，并设置为以下语句的默认对象...

怎么用JS实现表单中文本框个数的统计答：var inputs=document.getElementsByTagName("input");//获取所有input对象for(i=0;i

大家正在搜

form表单怎么用 form表单提交select form表单submit提交 jsp获取form表单数据 jsp提交form表单数据 js form表单提交 html获取form表单数据 html表单中复选框 form表单里请