티스토리 뷰
view 작업을 할 때 다양한 jsp, php, react 등 다양한 언어를 사용한다.
이를 이용한 결과물을 브라우저에서 서비스를 제공하는 경우 작업 결과물은 html로 표출이 된다.
필자는 jsp 환경에서 작업을 하던 중 html input 태그에 reonly 속성을 주어
사용자가 직접 값을 입력하지 못하도록 의도하였으나 브라우저 상에서 테스트를 진행하였을 때
값을 입력할 수 있는 경우가 확인 되었다.
작업한 소스는 아래와 같이 태그에 readonly="readonly" 속성을 작성하였다.
<textarea readonly="readonly">읽기만 가능합니다.</textarea>
브라우저 개발자모드로 확인한 html 소스는 아래와 같이 잘 적용되었으나 클릭 후 입력이 가능하여 readonly의 목적인 읽기 전용의 역할을 수행하지 못하였다.
<input type="hidden" readonly="readonly" value=""/>
확인 결과 필자의 작업 환경은 html 화면이었고, 태그에 작성한 readonly="readonly" 속성은 xhtml에 적용 가능한 것이었으며
따라서 기존에 작업하였던 속성을 html에 적용할 수 있도록 아래와 같이 수정하였다.
<textarea readonly>읽기만 가능합니다.</textarea>
또는
<textarea readonly="true">읽기만 가능합니다.</textarea>
다만 개발자 모드로 확인했을 때는 처음 확인한 결과와 동일하게 아래와 같이 표시되는 점을 유의해야한다.
<input type="hidden" readonly="readonly" value=""/>
html과 xhtml의 차이는 xhtm의 경우 문법 적용이 더 엄격하다는 점 이다.
태그 이름의 대소문자, 빈 태그의 여닫음 여부, 속성 값 따옴표 기입 여부 등 html 보다 엄격하게 문법을 작성해주어야 한다.
현재 페이지가 html인지 xhtml인지 구분하는 방법은 아래와 같이 html 최상단에 DOCTYPE 부분에 XHTML 관련 선언이 되어있는지 확인이 필요하다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>'기타' 카테고리의 다른 글
| Eclipse Save could not be completed. character encoding. (0) | 2023.03.23 |
|---|---|
| 캐시 시스템 선택시 고려사항(Redis, Memcached) (0) | 2022.12.28 |
| React 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 에러 해결 (0) | 2022.10.01 |
| [웹] 화면 중복 호출 되는 경우 css background : url("") (0) | 2022.05.29 |
| WSL2를 이용하여 Windows에서 Linux 실행하기 (0) | 2022.03.16 |
- Total
- Today
- Yesterday
- Windows
- gradle
- Linux
- Oracle
- 이벤트발생
- IMAGE
- jQuery
- SQL
- WAS
- btye
- web
- SpringBoot
- 깨짐
- Eclipse
- 컨테이너
- jaxen
- JSON
- parse
- spring
- docker
- mybatis
- html
- Java
- 날짜
- SSL
- React
- JPA
- vscode
- TLS
- Git
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |