Question

我有一个带有文本框和按钮的HTML表格最初隐藏文本框，按下按钮后将显示。这非常有效。我需要做的是显示一个工具提示说＆＃34;在这里输入你的名字＆＃34;在文本框的右侧，同时出现文本框。（当鼠标悬停在文本框上时不是。当文本框出现时需要显示工具提示）

有谁可以帮我解决这个问题？

到目前为止，这是我的代码。

<html>
<head>
    <script>
        function showRow(rowId) {
            document.getElementById(rowId).style.display = "";
        }
    </script>
</head>
<body>
    <table>
        <tr id="r1">
            <td>
                <input type="button" id="click" name="click" value="click" onclick="showRow('r2');"/>
            </td>
        </tr>
        <tr id="r2" style="display: none;">
            <td>
                <input type="text" id="name" name="name"/>
            </td>
        </tr>
    </table>
</body>
<html>

Answer 1

如果您希望同时显示“工具提示”，则只需添加一个元素作为<td>元素的子元素。

自：

<tr id="r2" style="display: none;">
    <td><input type="text" id="name" name="name"></td>
</tr>

要：

<tr id="r2" style="display: none;">
    <td>
        <input type="text" id="name" name="name">
        <label for="name">My Label</label>
    </td>
</tr>

希望这应该有效。（我不知道你问的是什么）

检查我刚创建的这个JSFiddle：

https://jsfiddle.net/0mfk3tr3/

在javascript / HTML

1 个答案: