Question

我有2个单选按钮。第一个被命名为电子邮件，第二个被称为短信，所以当我点击电子邮件时，它必须显示电子邮件输入框，同样的事情也适用于短信。

感谢任何帮助。

Answer 1

这是一个解决方案

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <style type="text/css">
        .hidden {
            display: none;
        }
    </style>
    <script type="text/javascript">
        function showFields(id) {
            var emailFields = document.getElementById("emailFields");
            var smsFields = document.getElementById("smsFields");
            if (id == "email") {
                emailFields.style.display = "block";
                smsFields.style.display = "none";
            } else {
                smsFields.style.display = "block";
                emailFields.style.display = "none";
            }
        }
    </script>
</head>
<body>
<form action="#">
    <label>
        email
        <input name="selector" type="radio" id="email" onclick="showFields('email')">
    </label>
    <label>
        sms
        <input name="selector" type="radio" id="sms" onclick="showFields('sms')">
    </label>
    <fieldset class="hidden" id="emailFields">
        <legend>Email fields</legend>
        <input type="text" id="emailInput">
    </fieldset>
    <fieldset class="hidden" id="smsFields">
        <legend>SMS fields</legend>
        <input type="text" id="smsInput">
    </fieldset>
</form>
</body>
</html>

Answer 2

你可以在这里使用javascript提示。

喜欢

var varname=prompt("content ","default val");

参考this

或者您可以使用window.prompt()参考this

使用弹出窗口中的单选按钮动态更改内容

2 个答案: