HTML 폼에 필요한 비밀번호를 추가 할 수 있습니까?

Question

사람들이 자신의 회신 요청을 통해 파티 초대장을 보낼 수 있도록 내 웹 사이트에 HTML 양식을 입력하고 싶습니다. 양식을 제출하기 전에 패스 코드 (초대장에 인쇄 될 것임)를 입력하도록 요구하고 싶습니다. 순수 HTML (및 필요한 경우 JavaScript)을 사용하여 사전 지정된 핀 번호 또는 비밀번호와 정확히 일치하는 필드 요구 사항을 설정하는 방법이 있습니까?

예를 들어, 내가 그 사람의 이름을 원한다고하고 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

예, 당신은 자바 스크립트를 사용하는 것, 그래서 당신은

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> 

그러나이 밤은 매우 안전하기 때문에 누군가 당신의 코드를보고 비밀번호를 볼 수는 있지만 파티 용이라면 괜찮을 것입니다! 어쨌든 코드가 있습니다! 희망이 도움이!