使td中的每个文本输入都在一个span中
在前端开发中，可以使用HTML和CSS来实现将td中的每个文本输入都放在一个span中。具体的实现步骤如下：
- 首先，给每个td元素添加一个class或者id，以便在CSS中进行选择。
- 首先，给每个td元素添加一个class或者id，以便在CSS中进行选择。
- 在CSS中，使用选择器选中这些td元素，并将其内容包裹在一个span元素中。
- 在CSS中，使用选择器选中这些td元素，并将其内容包裹在一个span元素中。
- 上述CSS代码中，我们使用了伪元素::before和::after来在td元素的前后添加内容。这样就可以将td中的文本包裹在一个span元素中。
- 注意：上述代码只是一种实现方式，具体的CSS样式可以根据实际需求进行调整。
- 最终的效果如下：
- 最终的效果如下：
这样，就可以实现将td中的每个文本输入都放在一个span中的效果。这种方式可以方便地对每个文本进行样式调整或者添加事件处理。
相关·内容
2回答
我正在尝试创建一个具有格式化单元格文本的功能的电子表格，例如，将其设置为粗体。我还需要每个可以显示的单元格的信息框，当该单元格的信息可用时。我将信息框创建为每个td中的div，默认情况下它们是隐藏的。 我目前格式化每个单元格文本的方式是将一个类应用于td。这将格式化文
浏览 27提问于2021-04-06得票数 0
1回答
当每个单元格的内容都是文本输入时，我成功地将行和单元格添加到表中。但是，当我尝试添加自定义文本(或超链接)时，我不会得到任何结果。这是我的代码：
var newRow = $("<tr></tr>").appendTo(thisTable);var newLinkCell = $("<td>&
浏览 1提问于2012-02-09得票数 0
回答已采纳
3回答
我已经使用 jQuery插件使我的页面大小的表头贴在顶部。我想将筛选框(常规INPUT文本标记)添加到表的TH中。问题是，如果我在克隆头之前将文本输入到输入框中(为了“粘性”)，克隆就没有我输入的文本。反之亦然。据我所知，当html元素被隐藏/不隐藏时，不会触发任何事件。如何使原始标题和克隆的“粘性”标题之间的
浏览 2提问于2013-05-31得票数 1
回答已采纳
1回答
PHP目录循环-样式化
、、、、
在为一所学校制作web应用程序的过程中，该应用程序循环访问学生的主目录，并用PHP在网站上显示他们的文件。(它使用LDAP绑定来验证用户是否存在等)<table width="100%" border="0" cellpadding="0"</a></span></
浏览 0提问于2012-08-30得票数 2
5回答
HTML -对齐单选按钮和文本
、、、、
假设您有两个彼此相邻的简单表格单元格。单选按钮的大小被设置为16x16像素(不要问我为什么，假设它就是)。 <input type="radio" class="radio" />
<
浏览 2提问于2010-07-01得票数 3
回答已采纳
3回答
我有一个带有动态填充表的网页。它们很宽，所以它们在页面上显示时有水平滚动条。//before2014-01-23
18:28:35这将减少表的宽度，使其在打印时适合在一页上。调用JavaScript函数或使用CSS仅在打印时
浏览 7提问于2014-08-14得票数 0
回答已采纳
1回答
<div id="sidemenu"><li><table><tr><td><span>Welcome</span></td><td>•</td></tr></table></li>
<li><t
浏览 3提问于2013-11-04得票数 1
3回答
我有一个包含两个跨度的单元格的表，第一个包含一个span和和输入。我想要这些重叠(我用它们来创建一个编辑就地)。因此，我将父span定位设置为相对位置，并将其位置设置为绝对值，左边为0。当我这样做的时候，第二个顶部的跨度也会移动到细胞的左边。为什么？如何修复(我希望内部跨度和输入重叠)
更新:请注意，输入用于就地编辑，因此需要在其后面定位另<em
浏览 2提问于2015-02-13得票数 1
回答已采纳
1回答
我有一个表格，每个单元格都包含一个文本输入。在文本输入旁边，我有一个跨度。我想把这个跨度放在文字输入的右边作为标签。每个单元格的HTML结构很简单： <div> <span>A
浏览 2提问于2015-09-10得票数 1
回答已采纳
我仍然是jQuery世界中的新手:)我正在制作类似这样的东西，我的问题是在每个<td>中获取文本并将它传递给输入。> </table> <span class=
浏览 2提问于2015-05-12得票数 1
回答已采纳
4回答
当用户单击“更新”按钮时，我希望将文本更改为输入。它将更改1行中的所有文本。下面是我做的例子。如何将所有文本更改为输入？我能够使文本隐藏，但坚持将其全部更改为输入。
for (var i = 0; i < span.l
浏览 1提问于2018-04-25得票数 1
回答已采纳
3回答
我有一个页面，其中包含一些用户输入的文本在一个部分，在另一个部分，有多少动词，名词等表格中使用的文本。动词等的表和文本中这些动词的实例通过它们的类以相同的方式设置样式，例如表中的<td style=""><span class="
浏览 67提问于2018-06-23得票数 0
回答已采纳
2回答
我使用AngularJS实现数据绑定，但我如何获取更新的绑定值？<input type="text" ng-value="(harga * (dp/100)) | currency:'':0" ng-model="dp_hidden"><td><span id="value-dp" ng-bind="dp_hidden | currency:'':
浏览 0提问于2015-12-14得票数 0
4回答
宽度DIV，单位为TD
、、、
我的HTML： <tr><td>aa</td><td>aa</td><td>aa</td></tr>
<tr><td colspan="3"><divclass="in&q
浏览 8提问于2011-11-21得票数 1
回答已采纳
1回答
尊敬的程序员$output .= '</td><td class="td-align">'.td> ';
这个代码块在一个id为'found_employees‘的div中打印。正如您所猜
浏览 38提问于2019-03-25得票数 0
回答已采纳
2回答
我有一个表格，您可以单击一个单元格并更新该单元格中的信息，这将通过AJAX完成。为了使我的查询有效，我需要在单元格中输入新的信息，也需要一个隐藏变量，它是单元格中先前数据的id，但是我不知道如何隐藏该数据块，比如在表单中隐藏一个隐藏的输入。如果有人能帮我，我会非常感激的。谢谢
浏览 2提问于2014-06-23得票数 0
回答已采纳
1回答
首先是对所有相关代码的修改：，我正在构建一个all应用程序，用户在某个时候需要注册多个项目。这是一个很大的表单，而这个表单的这一部分在一个表中。每个输入标记都在td内部，后面是span。当用户单击以编辑某一行时，脚本会隐藏span (它保存输入的值)并显示输入。当用户单击另一行(或创建新行)时，脚本选择
浏览 1提问于2013-12-13得票数 0
回答已采纳
1回答
我正在尝试更新单元格中的文本，该单元格还包含一个输入框。在行$(ib).closest('td').prop('textContent',888);中，我将值888赋值给文本，但这会导致将单元格的文本赋值为"888“，但也会出于某种原因删除输入框。我的代码(Django模板)：
{% extends "base.html&
浏览 0提问于2016-11-02得票数 0
回答已采纳
"1640801145364"><input type="checkbox" value="foo" id="1640801145364" name="foo">foo</label>
我需要为元素中包含的标签设置“文本装饰:直线”样式(在file.css中)。
浏览 7提问于2021-12-29得票数 0
回答已采纳
假设我有html表，每个TR都有id。每个TR都有一些TD，有些TD有输入控件，有些TR中可能包含文本。看剧本，告诉我缺了什么。<div id="grd1"> <tr id="t
浏览 9提问于2015-12-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
