Question

我记得的内容非常简单，但是我非常困难，我试图修改一个旧的html表单并用一些javascript或反应来调味。我想在这里做的就是Say，例如原始表格（<form>）是

用户名：
密码：

我想添加一个按钮，点击它会将表单更改为

登录密钥：

隐藏用户名和密码字段。用登录密钥表格替换它们。任何答案都很好。谢谢。

Answer 1

我不太了解javascript，但也许你可以用PHP来写这样的东西，比如

null

该文件必须为 page.php

我没有检查代码，但它应该可以在您第一次显示旧表单时显示。

Answer 2

你可以使用jQuery hide and show来完成你想要的东西。

$("#thisIsYourBtnID").click(function() {
   $("#div").hide(); //this is your div that has username and password inputs in it
   $("#div2").show(); //this is your new div showing login key form
});

Answer 3

我做了一个非常简单的 javascript函数，这是你想要做的吗？

<html>

<body>

    <form>
        <div id="divNo1">
            <label>Username : </label>
            <input type="text" />
            <br />
            <label>Password : </label>
            <input type="text" />
        </div>

        <div id="divNo2" style="display:none">
            <label>Login Key : </label>
            <input type="text" />
        </div>
    </form>
    <button onclick="changeDisplay()">Button</button>
</body>

<script type="text/javascript">
    function changeDisplay() {
        var div1 = document.getElementById("divNo1");
        var div2 = document.getElementById("divNo2");
        if (div1.style.display == 'none') {
            div1.style.display = '';
            div2.style.display = 'none';
        } else {
            div1.style.display = 'none';
            div2.style.display = '';
        }
    }

</script>

</html>

如何在单击时修改我的html表单以启用更改表单输入的按钮

3 个答案: