使用Javascript在表中创建文本框

可以通过以下步骤实现：

首先，在HTML中创建一个表格，并为其指定一个唯一的ID，以便在Javascript中引用。

<table id="myTable">
  <tr>
    <td></td>
  </tr>
</table>

在Javascript中，使用getElementById()方法获取表格的引用，并创建一个新的文本框元素。

var table = document.getElementById("myTable");
var input = document.createElement("input");

设置文本框的类型、名称、ID等属性。

input.type = "text";
input.name = "myTextbox";
input.id = "myTextbox";

将文本框添加到表格中的单元格中。

var cell = table.rows[0].cells[0];
cell.appendChild(input);

完整的Javascript代码如下：

<!DOCTYPE html>
<html>
<head>
  <title>Create Textbox in Table using Javascript</title>
</head>
<body>
  <table id="myTable">
    <tr>
      <td></td>
    </tr>
  </table>

  <script>
    var table = document.getElementById("myTable");
    var input = document.createElement("input");
    input.type = "text";
    input.name = "myTextbox";
    input.id = "myTextbox";
    var cell = table.rows[0].cells[0];
    cell.appendChild(input);
  </script>
</body>
</html>

这样，就可以使用Javascript在表中创建一个文本框。这种方法适用于需要动态添加文本框的情况，例如在表格中添加新的数据行时。

页面内容是否对你有帮助？

有帮助

没帮助

使用Javascript在表中创建文本框

javascript、html

我想在每个追加的表行中创建一个输入控件。基本上就像一个购物车，我可以为表中的每个项目添加数量。我在挣扎。当我按照下面的方法操作时，我得到了object HTMLInputElement的显示。

浏览 13提问于2020-02-24得票数 0

回答已采纳

1回答

关于phpmyadmin、mysql和dreamweaver的问题

mysql、database、phpmyadmin、dreamweaver

目前，我在phpmyadmin中有一个表(book)，其中包含这些属性(ISBN(主键)、标题、作者、出版商、价格等我现在想要的是创建一个预订页面。当用户最初在登录页面登录时，如何让用户名文本字段自动填充用户名。？另外，如何让

浏览 0提问于2013-03-29得票数 0

2回答

如何使用Request.Form在vb.net中获得动态创建的表的总列和行

vb.net、model-view-controller、controller、row

我正在使用MVC4.0在Vb.net中执行我的项目我使用了Request.Form，但是表中的文本框的id是唯一<em

浏览 7提问于2015-03-05得票数 1

回答已采纳

2回答

php mysql分解数据库插入

php、mysql、sql

我正在尝试创建一个包含来自用户表单输入的列的表。一个文本框创建数据库，另一个文本框创建表，并且使用javascript可以创建更多的文本框，这将创建更多的表。现在，我在"table“文本框旁边有一个文本框，它可以接受诸如"id item quote price”之类的输入。例如，输入的总数可

浏览 0提问于2015-04-09得票数 0

2回答

使用JavaScript获取动态创建的textbox的值

javascript、html

我使用JavaScript向表中动态添加行，在每一行中创建一些文本框，并向其中一个文本框添加了一个onkeyup事件： { }; 然后，我将这个span (呈现为H

浏览 0提问于2012-10-04得票数 0

回答已采纳

3回答

如何将JavaScript数组绑定到动态超文本标记语言表格？

javascript、html、css

我想在下面使用javascript创建的表格中添加所有文本框的值，而且操作列应该包含两个按钮，即用于更新和删除文本框的值的编辑和删除按钮。我已经创建了一个数组来保存文本框的值。现在，单击保存按钮，我想使用Javascript(而不是angularJS或jQuery)将这些值添加到动态HTML表中。

浏览 2提问于2015-12-28得票数 1

1回答

将div滚动条设置到特定位置

javascript、jquery、scrollbar

我正在使用这个javascript ()来转换div中的表，以冻结顶部标题和左列。可滚动区域中的列带有文本框，这些文本框可以绑定到特定的月份和年份。我希望有水平滚动的位置，以匹配当前的月份和年份。我以编程方式创建表，并将其添加到asp.net代码中的占位符。是否可以在表格单元格中添加一个类，然后使用javascript或jquery将水平滚动条移动到当前月份类所

浏览 0提问于2010-08-17得票数 1

回答已采纳

2回答

如何从jsp代码中动态添加的文本框中获取数据

javascript、jsp、dynamic、textbox、onclick

Urgent..Anyone请协助如何使用jsp代码动态访问通过javascript添加的元素的数据。我正在使用javascript在.jsp页面上添加空记录(通过在按钮的单击事件上调用下面的函数)，如下所示： var element1(因为它们是由javascript动态创建的) 现在，我想使用jsp将这些动态添加的文本框(以表的形式)中

浏览 0提问于2013-03-29得票数 1

回答已采纳

2回答

如何从GUI文本框/submit将变量插入Java代码？

java、eclipse、selenium、webdriver

我使用Selenium WebDriver在Eclipse中构建了Java代码，它打开产品页面，将产品添加到购物车中，并自动完成签出过程。是否有可能用文本框提交来创建一个GUI，将变量插入到我已经创建的代码中？例如，我想创建一个GUI，用提交的大小更新我的代码，而不是每次都要硬编码'6.5‘，如下面的代码所示。

浏览 1提问于2016-12-05得票数 0

回答已采纳

2回答

Qualtrics JavaScript:在矩阵文本框上追加图像

javascript、qualtrics

在Qualtrics中，我试图创建这样的东西：下面是我用3x3矩阵中的文本框制作的一个示例。

浏览 3提问于2015-05-12得票数 3

回答已采纳

2回答

如何在asp.net中动态生成文本框

c#、asp.net、sql-server

我在一个人力资源管理系统的项目中工作，在这个项目中，我必须为时间表制作程序。我需要从用户那里获取开始日期和结束日期，根据这两个日期的不同，我必须在指定的位置生成文本框来输入time dynamically.that。有人能帮我吗。

浏览 2提问于2011-09-14得票数 0

回答已采纳

1回答

让动态控件将Javascript函数作为事件处理程序

c#、javascript、asp.net

作为概念的证明，页面有一个按钮和一个只有标题行的表.当用户单击按钮时，我会向表中添加一行。该行包含一些数据，我已将这些数据放入一些动态控件中。(为了证明概念，让我们假设文本框。)当用户更改其中一行中的一个文本框中的值时，我希望更改文本颜色。我现在要做的是创建一个javascript函数，并将其设置为文本框的事件处理程序。现在，如果这是我在.aspx中定义的静态<e

浏览 2提问于2014-08-05得票数 0

回答已采纳

1回答

控件溢出到RDLC报告的下一页。

reporting-services、visual-studio-2015、sql-server-data-tools、sql-server-2008r2-express

问题1(参见图)：当水平tablix在运行时展开时，在tablix被推送到下一页后定位的控件。图片：我到现在为止所做的事：将各方面的边际减少到0.5英寸

浏览 4提问于2018-02-15得票数 2

回答已采纳

5回答

如何使用html用户输入在jQuery中创建表？

javascript、jquery、html

我希望在HTML中创建一个文本框，用户可以在该文本框中输入表的列和行数。从这里开始，当单击按钮时，我需要使用Javascript/Jquery创建表。不管用..。

浏览 1提问于2015-03-30得票数 0

1回答

尝试在添加行时将文本框动态添加到表中

javascript

我需要只使用JavaScript创建一个表。该表是动态创建的，因此，如果需要，我也可以添加额外的行。但是，表中的每一行都需要一个文本框。当我尝试这样做时(如下图所示)，表将加载对象HTML输入元素，而文本框应该位于其中。我认为这是因为element.innerHTML试图将其更改为字符串。有人能用另一种方法将文本框添加到表中吗？

浏览 4提问于2022-02-14得票数 0

3回答

如何在文本框失去焦点后调用函数

javascript、ajax、function、textbox、focus

我没有使用Javascript/JQuery/AJAX的经验，所以我想知道是否可以在文本框失去焦点后调用一个函数来在我的数据库上执行查询。我在我的页面中显示一个表(使用PHP)，其中的文本框包含与我的数据库中的表相同的值，当有人更改文本框中的值时，我希望使用UPDATE查询来更改DB表，以使它们相等；这是<e

浏览 9提问于2012-07-28得票数 14

回答已采纳

1回答

在cloneNode不起作用后更改内部after

javascript、html、html-table、innerhtml、clonenode

我有一个大约有50行的表。每行的最后一个单元格是一个图像，单击该图像，我将在该特定行的每个单元格中显示文本框，以便用户可以编辑值。为此，我编写了一个单击图像的Javascript，我将遍历特定的行，并将每个td的innerHTML更改为一个文本框。在单击表的标题时，我正在对表进行排序。排序javascript是这样的。它占用所有行，将其放入具有旧索引( rownumber)的数组中，并进行排序。然后循环数组并创建一个

浏览 0提问于2012-09-18得票数 0

回答已采纳

3回答

SharePoint2007:如何禁用TextBox

sharepoint、sharepoint-2007、sharepoint-designer

1)我想为员工创建一个自定义列表，他们可以在其中选择项目并填写表单并提交。如何在Sharepoint 2007中禁用文本字段(Empid)？我会感谢任何其他替代或更好的想法。谢谢，维克

浏览 0提问于2009-09-21得票数 0

3回答

Javascript:如何根据文本框中输入的国家名称显示国家代码

javascript、textbox

我想创建一个带有文本框的网页。当用户在文本框中键入国家/地区名称时，文本框下面的区域应显示该国家/地区的拨号代码以及国家名称。例如，如果有人在文本框中键入"England“，文本应在文本框下方显示为"Country:England Code+44”，或者如果有人在文本框中输入“Code:+91”，则应显示类似“Country:这可以在html中使用ja

浏览 1提问于2012-10-27得票数 1

回答已采纳

1回答

多个文本框问题

c#、asp.net、.net

我已经创建了一个用于拼写练习的网页。我像这样显示SQL中的所有内容： {<script type="text/javascript"> { }

浏览 1提问于2013-07-26得票数 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

使用Javascript在表中创建文本框

相关·内容

使用Javascript在表中创建文本框

关于phpmyadmin、mysql和dreamweaver的问题

如何使用Request.Form在vb.net中获得动态创建的表的总列和行

php mysql分解数据库插入

使用JavaScript获取动态创建的textbox的值

如何将JavaScript数组绑定到动态超文本标记语言表格？

将div滚动条设置到特定位置

如何从jsp代码中动态添加的文本框中获取数据

如何从GUI文本框/submit将变量插入Java代码？

Qualtrics JavaScript:在矩阵文本框上追加图像

如何在asp.net中动态生成文本框

让动态控件将Javascript函数作为事件处理程序

控件溢出到RDLC报告的下一页。

如何使用html用户输入在jQuery中创建表？

尝试在添加行时将文本框动态添加到表中

如何在文本框失去焦点后调用函数

在cloneNode不起作用后更改内部after

SharePoint2007:如何禁用TextBox

Javascript:如何根据文本框中输入的国家名称显示国家代码

多个文本框问题

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐