HTML Examples Form#ID | Password Input

HTML

<form action="">

  <div>

    <label for="userID">아이디</label>

    <input type="text" name="id" id="userID" placeholder="이름을 쓰세요." />

  </div>

  <div>

    <label for="userPWD">비밀번호</label>

    <input

      type="password"

      name="pwd"

      id="userPWD"

      placeholder="패스워드를 입력하세요."

      required                        

    />                                  <!-- required를 넣어주면 비어 있으면 벗어날 수 없다.-->

  </div>

  <button type="submit">확인</button>

  <button type="reset">취소</button>    <!-- 취소 버튼의 경우 type에 리셋 설정을 해준다. -->

  <input type="button" value="확인" />  <!-- 인풋 타입 버튼도 버튼을 만들 수 있지만 텍스트를 value안에 적어야만 한다. -->

</form>

 

 input type에서 기본값을 설정해 주기 위해 value도 쓰일 수 있으나, value값은 서버에 전송되는 반면 placeholder값은 서버에 전송되지 않는다.

 

 

ON BROWSER