如何根据一个输入在一行中填充多个单元格？
根据一个输入在一行中填充多个单元格，可以通过以下方式实现：
- 使用HTML表格标签(
<table>)创建表格结构，并设置表格的行数和列数。 - 在表格中的某一行中，使用HTML的输入标签(
<input>)创建输入框。 - 使用CSS样式来调整输入框的宽度，使其填充多个单元格。
- 使用JavaScript来监听输入框的值变化，并动态调整输入框的宽度。
以下是一个示例的实现代码：
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
input[type="text"] {
width: 100%; /* 输入框宽度填充父元素 */
box-sizing: border-box; /* 盒子模型为border-box，包含padding和border在内 */
border: none; /* 去除输入框边框 */
}
</style>
</head>
<body>
<table>
<tr>
<td><input type="text" id="input1"></td>
<td><input type="text" id="input2"></td>
<td><input type="text" id="input3"></td>
</tr>
</table>
<script>
// 获取输入框元素
var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");
var input3 = document.getElementById("input3");
// 监听输入框值变化事件
input1.addEventListener("input", adjustInputWidth);
input2.addEventListener("input", adjustInputWidth);
input3.addEventListener("input", adjustInputWidth);
// 动态调整输入框宽度
function adjustInputWidth() {
var maxInputWidth = 100; // 输入框的最大宽度
var inputs = [input1, input2, input3]; // 所有输入框数组
// 获取最长的输入框文本长度
var maxTextLength = 0;
for (var i = 0; i < inputs.length; i++) {
var textLength = inputs[i].value.length;
if (textLength > maxTextLength) {
maxTextLength = textLength;
}
}
// 计算输入框的宽度
var inputWidth = maxTextLength * 8; // 每个字符约占8个像素
if (inputWidth > maxInputWidth) {
inputWidth = maxInputWidth;
}
// 设置输入框的宽度
for (var i = 0; i < inputs.length; i++) {
inputs[i].style.width = inputWidth + "px";
}
}
</script>
</body>
</html>该示例中创建了一个包含3个输入框的表格，当输入框的值发生变化时，使用JavaScript动态调整输入框的宽度，使其填充多个单元格。你可以根据实际情况调整最大宽度、每个字符的宽度等参数。对于更复杂的表格结构，你可以使用类似的方法进行调整。腾讯云相关产品和产品介绍链接地址请参考腾讯云官方网站。
相关·内容
我想知道如何用一个输入填充一行中的多个单元格(不连续)。例如，我希望能够在单元格A1中输入1，然后用一个值填充单元格B1，然后用另一个值填充单元格D1。然后，当我在单元格A2中键入2时，它会用一个值<em
浏览 15提问于2019-02-16得票数 0
17回答
我在我的项目中使用了UICollectionView，其中一行上有多个不同宽度的单元格。根据：
它以相等的填充将单元格分布到整个行中。这是预期的，除非我想左对齐它们，并硬编码一个填充宽度。我认为我需要对UICollectionViewFlowLayout进行子类化，然而，在阅读了一些在线教程后，我似乎就是不明白它是如何工作的。
浏览 377提问于2014-03-21得票数 114
回答已采纳
3回答
目前，我有一项任务是创建一个具有多个堆栈布局的xamarin页面(类似于一个框)，并在其填充屏幕后按水平方向顺序填充它，然后剩余的框应该开始水平地填充下一行。Html中的Div标记是如何与"Float:left“属性工作的。首先，是否可以用Xamarin的形式？我尝试过创建一个网格，它具有Grid单元格的isvisible属性为false或true，但它根本不是我正在处理的任务的解决
浏览 4提问于2017-09-14得票数 1
回答已采纳
Prototype Cell 2=基于输入出现，1行显示来自对象的图像
因此，我有一个对象，它包含一个图像(用于单元格2中的单行)、名称(用于单元格3中的单行)和数组(用于单元格4中的
浏览 1提问于2016-10-26得票数 0
1回答
我试图根据单元格列表中的多个关键字来突出显示列中的行。我在条件格式中使用了这个公式- =SUM(COUNTIF(A6,"*"&Keywords&"*")) 其中，Keywords是一行7个单元格，我可以在其中键入我的关键字。但是，如果我将这些单元格中的任何一个留空，该列的所有行都会突出显示(因为我假设'‘与所有内容都匹配。因此，我决定
浏览 9提问于2020-06-23得票数 1
回答已采纳
1回答
我希望它根据列表中的单元键填充下一列，如下所示： Row 2: [d] col b:[e] colc:[f]谢谢我不能共享数据，但基本上，我在A列中的每一行都包含一个列表csv，类
浏览 5提问于2022-11-22得票数 -1
我想根据单元格值填写一行。例如，如果在单元格A1中输入4，B1 to B4将被交易1、交易2、交易3、交易4所填充；如果我在A1单元中输入2，则CellB1和B2将被交易1、2填充。
浏览 5提问于2016-05-31得票数 0
回答已采纳
我有一个已填充的现有数据库。我创建了一个新列来存储填充数据的月份。 如何根据每一行的login_at at列，用数据填充'month‘列？ ? 我可以根据当前月份填充当前输入，如下所示 $login_time = Login::create(['user_id'=> auth('user')->user()->id,
浏览 25提问于2021-07-04得票数 0
回答已采纳
2回答
正如我在标题中所说的，我希望在同一行上显示两个或更多的单元格。我把每个单元格都装上了UILabel。标签的宽度可以根据用户的输入而变化。我想用尽可能多的标签来填充一行。有人能给我一些关于如何做这件事的建议吗？谢谢。
浏览 0提问于2020-08-14得票数 0
我一直在使用一种简单的方法来帮助用户更新一些单元格-将它们放在一个工作表中。有没有办法在用户表单中一个接一个地显示不同的范围，然后让用户更新它们，单击一个按钮并移动到下一个按钮？从本质上说，我可以让Excel根据范围自动生成输入表单吗？更新并保存回工作表的过程我可以做；这是我不能做的正确表单的生成。
浏览 2提问于2009-02-04得票数 0
回答已采纳
IF(ISNUMBER(A1:A100),A1:A100,"")是一个数组公式吗？如果不是，那是什么？ 我从一个网站上复制了一个假日列表，并将其粘贴到Excel中。粘贴到Excel后，所有内容都显示在A列中，如下所示： dateweekdayname of the holiday...我尝试了几种方法，看看是否可以将数据粘贴到列中，但都无济于事。因此，我需要将日期提取到另
浏览 39提问于2020-01-21得票数 1
回答已采纳
为了给已经在excel上输入的调查问卷评分:第一个回答(介于1-4之间)在单元格1中，第二个回答(在1-4之间)将确定单元格3中的得分。因此，要在excel上计算单元格3，我想使用这两个设置数字(第一个和第二个回答)在第三个单元格中创建一个新的设置值(它们的得分)。例如，如果E4=3 (第一个响应)和G4=1
浏览 0提问于2016-12-07得票数 1
我有一个Excel电子表格，它有几个带有多个子过程的模块。一个模块有多个过程，另一个模块调用每个过程。问题是Call Sub列表会有所不同。我知道如何添加到下面的例程中，但根据我在工作表的单元格中输入的内容，我不知道如何删除一行。这个过程是在一个单元格中输入
浏览 39提问于2020-04-21得票数 0
2回答
每个区域都由一个字母定义。
规则N°1：同一区域内相同的水位，位于同一行的单元要么全部填满，要么全部空。规则N°2：当一个区域中的一行被填充时，没有气泡，在同一区域内，该行下
浏览 11提问于2022-06-29得票数 -3
如何根据startDate设置的inputBox填充Google电子表格中的范围？基本上，(1)用户输入startDate；(2)脚本从startDate开始将单元格A1填充到A13，并为每一行添加7天。因此，对于方框中的15/10/2013输入和格式为dd-mmm-yyyy的单元格，这些单元格被填充为15-10月-20130、15-10月-2
浏览 2提问于2013-10-01得票数 0
回答已采纳
我正在尝试使用他们的脚本在Google sheets中做以下事情。1)接受来自用户的多个输入2)将当前的最后一行复制/粘贴到下面的新行(最后一行包括我想要重复使用的公式) 3)接受多个输入并在新的最后一行中填写某些单元格。我想在一个表单中提示用户输入"Product“、"Quantity”、"Cost“。
然后我想向下复制最
浏览 0提问于2017-09-15得票数 3
1回答
有人能建议如何根据百分位数范围来格式化单元格的填充吗？例如，我有一行值。我想在这些单元格上设置填充格式，这样我就有三个条件的单元格填充颜色:在90度以上，在第10位和第90位之间，在第10百分位数以下。如果我尝试用3色刻度创建一个条件格式规则，我不知道如何格式化第10到第90百分位数范围。
基本上，我要问的是，如何在一个
浏览 1提问于2016-01-06得票数 0
回答已采纳
每一行上都有一个单元格，在下拉列表中写着" in“和"Out”。基本上这是正负。其次，我有一个能容纳一定数量的细胞。使用此设置，如何根据多个输入/输出行计算表中所有单元格的总利润/亏损？
浏览 4提问于2016-09-14得票数 0
回答已采纳
1回答
我正在开发一个具有显示核心数据表内容的表视图的应用程序。数据模型类似于:实体(名称，代码)->>Translation(文本，代码)
我使用通常的NSFetchedResultsController检索所有实体，但是一旦需要填充每一行(通过表视图cellForRowAtIndexPath:)，我就必须深入到每个实体中，根据用户输入的代码检索两个翻译。我使用NSFetchRequest来做这件事，但我想知道这样做是否正确(每次我填充一行时都会
浏览 2提问于2011-03-01得票数 0
回答已采纳
我有一个工作簿，其中包含多个工作表，用于我正在工作的项目的数据输入和状态监视。“概述”工作表包含具有基本信息的多个列。"Contact“列在一个单元格中包含用户名、电话号码、电子邮件和组织。每一行都是唯一的条目，但是联系人字段会根据同一人是否有多个输入而被重用。我还有另一个名为"Contacts“的工作表，它具有与”概述“工作表中</e
浏览 3提问于2019-09-04得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
