table点击实现可编辑文本

最新推荐文章于 2026-05-10 10:05:25 发布

转载最新推荐文章于 2026-05-10 10:05:25 发布 · 7.4k 阅读

收录于

VSCode插件专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的HTML技巧，通过在表格单元格中添加contentEditable属性，可以将静态表格转化为可编辑的输入框，无需额外的JavaScript代码。这种方法适用于快速原型设计和简单的数据输入场景。

一个简单的例子，直接添加contentEditable=”true”标签属性即可

<table>
    <tr>
        <td>姓名：</td>
        <td contentEditable="true"></td>
    </tr>
    <tr>
        <td>密码：</td>
        <td contentEditable="true"></td>
    </tr>
</table>
--------------------- 
作者：一轮明月半城沙 
来源：CSDN 
原文：https://blog.csdn.net/dongzhongyan/article/details/53068540 
版权声明：本文为博主原创文章，转载请附上博文链接！