IntelliJ readonly , <input type="hidden">

1. ReadOnly

<input> 태그에 ReadOnly 속성을 적용하면 이 요소의 입력 필드가 읽기 전용임을 표현하는 것이다.

읽기 전용으로 설정된 입력 필드는 사용자가 수정할 수 없지만 해당 내용을 하이라이트 하거나 복수할 수 있다. 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 입력 필드의 내용을 수정할 수 없도록 설정하고 특정 조건이 충족되면 자바스크립트 등으로 readonly 속성값을 삭제하여 사용자가 입력 필드를 수정할 수 있도록 조절할 수 있다. disabled 속성이 명시된 입력 필드의 값은 서버로 제출되지 않지만 readonly 속성이 명시된 입력 필드의 값은 서버로 제출된다. readonly 속성은 boolean 속성이기 때문에 해당 속성을 명시하지 않으면 자동으로 false 값을 가지게 되고 명시하면 자동으로 true 값을 가지게 된다.

 

1 - 2 문법

        <label for="member-id">memberId</label><br>
        <input type="text" id="member-id" name="Id" value="${memberDTO.id}" readonly><br>

1 - 3 적용

보이지만 수정할 수 없다

 

 

 

2. <input type = "hidden">

HTML <input> 태그의 type 속성으로 사용자에게는 보이지 않는 숨겨진 입력 필드를 정의한다. 숨겨진 입력 필드는 폼 제출 시 사용자가 변경해서는 안 되는 데이터를 함께 보낼 때 유용하게 사용된다. 이러한 입력 필드는 업데이트 되어야 하는 데이터베이스의 레코드를 저장하거나 , 고유한 보안 토큰을 서버로 보낼 때 주로  사용된다.

 

 

 

2 - 1 문법

        <label for="member-id">memberId</label><br>
        <input type="hidden" id="member-id" name="Id" value="${memberDTO.id}" readonly><br>