我可以在HTML表单中添加所需的密码吗？

Question

我想在我的网站上放一个HTML表单，供人们将他们的RSVP发送给派对邀请。我想要求他们在提交表格之前输入密码（将在他们的邀请上打印）。有没有办法使用纯HTML（如果需要的话）将字段要求设置为预先指定的pin＃或密码的完全匹配？

举一个例子，让我们简单地说我想要这个人的姓名以及他们的RSVP是或否。

<form>
    Name:
        <input type="text" name="name">
    RSVP:
        <input type="radio" name="rsvp" value="yes">Yes<br>
        <input type="radio" name="rsvp" value="no" checked>No<br>
    Secret Word:
        <input type="password" name="secretWord">
</form>

Answer 1

是的，你必须使用Javascript，所以你想要

function check(){
    var pass = document.getElementById("pass_box").value;
    if(pass == "Y o u r p a s s w o r d"){
        // Do stuff
    }else{
        // Dont do stuff
    }
}

你的HTML代码看起来像这样：

<form>
Name:
    <input type="text" name="name">
RSVP:
    <input type="radio" name="rsvp" value="yes">Yes<br>
    <input type="radio" name="rsvp" value="no" checked>No<br>
Secret Word:
    <input type="password" id="pass_box" name="secretWord">
<button onclick="check()">Submit</button>
</form>

但这不是非常安全，因为有人可以只看你的代码并看到密码，但如果只是为了派对，它应该没问题！无论如何，有你的代码！希望这可以帮助！