input.type = "数字";但仅适用于特定的输入字段

Posted 2023-03-05

【中文标题】input.type = "数字";但仅适用于特定的输入字段

【英文标题】：input.type = "number"; but only for specific input field

【发布时间】：2022-01-16 19:19:35

【问题描述】：

我如何才能使用我的：input.type = "number"; 仅用于特定领域？

            var cell1 = row.insertCell(0);
            var cell2 = row.insertCell(1);
            var cell3 = row.insertCell(2);
            var cell4 = row.insertCell(3); 

我有这些插入，用于将字段插入表中。那么我怎样才能只为例如指定。单元格（0）？在特定字段中仅包含数字 (0-9)。

对不起，如果听起来很愚蠢。 谢谢

【问题讨论】：

欢迎来到 Stack Overflow！访问help center，使用tour 了解内容和How to Ask。如果您遇到困难，请发布您尝试的minimal reproducible example，并使用[<>] sn-p 编辑器记录输入和预期输出。您的代码没有任何输入字段

一行中的单元格是内容元素而不是输入。内容元素没有数字类型。你想在这些单元格中插入输入吗？这个问题非常不清楚。更详细地说明您要查找的内容

请编辑问题以将其限制为具有足够详细信息的特定问题，以确定适当的答案。

【参考方案1】：

目前您只创建一个单元格。要添加一个输入字段，您只需创建一个（如下所示）并将其附加到您的单元格，如下所示：

const input = document.createElement('input');
      input.setAttribute('type', 'number'); 
      input.setAttribute('min', 0); 
      input.setAttribute('max', 9); 

cell1.appendChild(input)

一些资源供您了解所有这些：

https://www.w3schools.com/tags/att_input_min.asp https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

我希望这会有所帮助；）

【讨论】：

function AddRow(TableName) var table = document.getElementById(TableName); var rows = table.getElementsByTagName("tr"); var row = table.insertRow(rows.length); if (TableName == 'Table1') var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); var cell4 = row.insertCell(3); cell1.innerhtml = ' ';

如果你想通过innerHTML粘贴元素，你可以像这样cell1.innerHTML = `。如果这解决了您的问题，请将其标记为已回答，以便其他人也可以找到它。