如何通过按钮来增加Text框？

fengyewuhen 2012-02-19 01:25:28

如题

...全文

88 9 打赏收藏转发到动态举报

写回复

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

liuf_fenfangjiemei 2012-02-21

打赏
举报

回复

<html>

<head>

<script type="text/javascript">

function create_input_text(){

    var text = document.getElementById("input_text");

    var e = document.createElement("input");

    e.type = "text";

    e.value = "增加的input文本框...";

    var object = text.appendChild(e);

}

</script>

</head>

<body>

<div><input type="button" id="btn_one" value="创建input文本框" onclick="create_input_text()" /></div>

<div id="input_text"></div>

</body>

</html>

abirdtofly 2012-02-21

打赏
举报

回复

[Quote=引用 7 楼 net_lover 的回复:]

引用 2 楼 fengyewuhen 的回复:

可不可以完整的给个代码参照一下？谢谢了引用 1 楼 net_lover 的回复:

t = doument.createElement("input")
document.body.appendChild(t)
即可

这个就是很完整的代码啊！
[/Quote]
这个已经很完整！最多你给他加个！<script type="text/javascript"> 那段代码！</script>

孟子E章 2012-02-20

打赏
举报

回复

[Quote=引用 2 楼 fengyewuhen 的回复:]

可不可以完整的给个代码参照一下？谢谢了引用 1 楼 net_lover 的回复:

t = doument.createElement("input")
document.body.appendChild(t)
即可
[/Quote]

这个就是很完整的代码啊！

色拉油 2012-02-20

打赏
举报

回复

使用createElement动态创建HTML对象

<script language="javascript">
var o = document.body;
//创建表单项
function createInput(sType,sValue)
{
var input = document.createElement("input");
input.type = sType;
input.value = sValue;
o.appendChild(input);
}
createInput("button","ooo");
</script>

q2104574 2012-02-20

打赏
举报

回复

1楼和3楼都可以
自己去下个 doc文档看看，createElement 这个内容

1楼先createElement 一个控件。
然后 appendchild添加进去它的右边
3楼。直接写源代码，然后源代码的拼接。。

似梦飞花 2012-02-19

打赏
举报

回复

<script>
var i=0;
function add(){
var a=document.createElement("input");
a.type="text";
a.value="test"+i;
document.body.appendChild(a);
i++;
}
</script>

</head>

<body>
<input type="button" onclick="add()">
</body>
</html>
这样试试

未知数 2012-02-19

打赏
举报

回复

1楼那种是可以的
还有种方法
<script>
function addinput()
{
var obj=docment.getElementById('div1');
var inputStr="<input type="text" value='test'/>";
obj.innerHTML=obj.innerHTML+inputStr;
}
</script>
<input type="button" value="增加输入框" onclick="addinput()" />
<div id='div1'></div>

fengyewuhen 2012-02-19

打赏
举报

回复

可不可以完整的给个代码参照一下？谢谢了[Quote=引用 1 楼 net_lover 的回复:]

t = doument.createElement("input")
document.body.appendChild(t)
即可
[/Quote]

孟子E章 2012-02-19

打赏
举报

回复

t = doument.createElement("input")
document.body.appendChild(t)
即可

1，项目功能：(1)房屋信息查询：主要实现租房信息的查看功能。用户可以查看房屋信息，并选择自己比较想要租的房屋。(2)租房服务：对用户提供租房服务信息的查看。用户可以查询到该系统所提供的所有租房服务信息。(3)金牌经纪人：主要对经纪人信息进行查看。用户可以查询经纪人信息，并选择自己满意的经纪人为自己服务。(4)百科知识：主要实现对百科知识的查看功能。用户可以查询到和租房相关的百科知识，增加对二手房租赁的相关了解。（5）个人信息：主要实现个人信息的查询与修改功能。用户可以查询到个人信息，并对个人信息的更新进行修改操作。（6）用户列表：主要实现用户信息的添加，修改，删除和查看功能。管理员可以查看用户列表，并对列表信息后面得编辑按钮进入编辑页面，在编辑页面把修改内容修改完后，点击提交按钮完成修改操作，用户也可以根据列表中的删除按钮把对应信息删除，通过点击添加按钮，进入添加页面，填入添加的信息，完成添加。（7）百科列表：主要实现百科知识的添加，删除，修改和查看功能。管理员可以查看百科列表，并对列表信息后面得编辑按钮进入编辑页面，在编辑页面把修改内容修改完后，点击提交按钮完成修改操作，用户也可以根据列表中的删除按钮把对应信息删除，通过点击添加按钮，进入添加页面，填入添加的信息，完成添加。（8）预约列表：主要实现预约信息的添加，删除，修改和查看功能。管理员可以查看用户的预约列表，并对列表信息后面得编辑按钮进入编辑页面，在编辑页面把修改内容修改完后，点击提交按钮完成修改操作，用户也可以根据列表中的删除按钮把对应信息删除，通过点击添加按钮，进入添加页面，填入添加的信息，完成添加。（9）房源列表：主要实现房源信息的添加，修改，删除和查看功能。管理员可以查看房源信息列表，并对列表信息后面得编辑按钮进入编辑页面，在编辑页面把修改内容修改完后，点击提交按钮完成修改操作，用户也可以根据列表中的删除按钮把对应信息删除，通过点击添加按钮，进入添加页面，填入添加的信息，完成添加。（10）评论列表：主要实现评论信息的添加，修改，删除和查看功能。管理员可以查看评论信息列表，并对列表信息后面得编辑按钮进入编辑页面，在编辑页面把修改内容修改完后，点击提交按钮完成修改操作，用户也可以根据列表中的删除按钮把对应信息删除，通过点击添加按钮，进入添加页面，填入添加的信息，完成添加。（11）主要实现对房源信息进行统计分析。管理员可以对房源信息进行统计并也图表形式展现。适合做毕业设计参考项目。2，涉及技术：SSM框架,Tomcat3，开发环境：IDEA,MySQL数据库4，讲解方式：从环境安装，项目搭建，以及项目介绍等进行讲解5，包含资料：项目源码（含数据库文件），环境安装包，项目文档。

我最近才陷入困境，到目前为止，我一直很喜欢它，但是我一直在进行一些UI更改。任何帮助表示赞赏！我的目标是要得到一个带有蓝色背景图标的圆形按钮，但在外部周围有一个较深的蓝色边框。附有图片。我的方法是：获取一个圆形的蓝色按钮。在该按钮上放置一个图标。添加边框。我陷入了第3步，因为我不知道如何添加边框，或者考虑到我解决问题的方式，是否还有可能添加边框。目前，具体颜色对我来说并不重要，稍后我将更改主题。这...

<el-button v-if="$hasPermission('sys:user:detail')" type="text" plain style="margin:auto 0px auto 10px;" size="small" @click.

Windows单按钮、复选框、分组框控件单选按钮（Radio Button）和复选框（Check Box）是常见的Windows控件，用于从给出的选项中选择一项或多项，如下图所示：单选钮与复选框单选按钮是互斥的，只能选择其中一项；而复选框没有限制，可以选择一项或多项。单选按钮和复选框都是一种特殊的按钮，窗口类名称都是button，只不过增加了一些特殊的窗口样式罢了。单选按钮的样式为BS_...

需求：点击新增按钮的时候，会出现一个新增的输入框，按钮文字新增变成删除，再次点击删除按钮，出现的输入框隐藏，按钮文字变成新增字样。大致效果是这样的：为了更好的呈现效果，这里放一个类似的demo。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title><...

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章