如何以编程方式在 HTML 页面上显示编辑文本字段

How to show edit text field on HTML page programmatically?

本文关键字：显示 编辑 字段 文本 HTML 编程 方式      更新时间：2023-09-26

我有以下任务：MySQL数据库中有一个简单的表：

<html>
<body>
<table border='1'>
<?php
    mysql_connect('url','user','') or die('Connect');
    mysql_select_db('jquery_test') or die('Db');
    $query=mysql_query('SELECT * FROM labels');
    while($data=mysql_fetch_assoc($query))
    {
        echo '<tr>';
        echo '<td>'.$data['id'].'</td>';
        echo '<td>'.$data['label'].'</td>';
        echo '<td>'.$data['english'].'</td>';
        echo '</tr>';
    }
?>
</table>
</body>
</html>

此代码显示一个简单的塔贝。我需要制作以下功能：当用户将光标移动到$data['英语']字段时，它必须出现文本字段进行编辑和"保存"按钮;当光标离开这个词时，该字段必须消失。我的意思有一个很好的例子：http://translate.uservoice.com/sets/51-end-user-ru/translations?filter=missing。请帮助我，我只知道HTML/PHP，不知道如何完成此任务。使用JQuery会非常好。

查看这个jquery插件来制作可编辑的标签，并将其用于.mouseover()和.mouseleave()函数。

相关文章：