본문 바로가기

반응형

HTML

(8)
[HTML] input 자동완성 막기 간혹 input값에 password 타입을 주다보면 크롬창에서는 자동완성으로 들어가지는 경우가 있음. 자동완성이 되지 않게 하기 위해 찾아보다가 autocomplete="off" 를 사용해보았지만 해결이 되지 않았고, autocomplete="false" 또한 되지 않았다. 결국 해결 방안은ㅇ autocomplete="one-time-code"
[css] z-index 결제화면 웹뷰를 만드는데, 제일 필요한 결제하기 버튼보다 다른 버튼들이 계속 겹쳐져서 정작 결제하기 버튼을 가리는 이슈 발생 해결 : z-index로 우선순위를 줘서 결제하기 버튼이 항상 위로 올라오게 만듬 z-index 줄때 -로 줄수도 있으니 참고..!
input 태그 자동완성 막기 개발을 하던 도중에 생년월일 및 패스워드 등 input태그 요소들이 있는데, 계속 구글 자동완성 기능이 default로 잡혀서 들어가는 이슈가 생겼다. autocomplete off를 사용해봤지만 적용이 안된다. 해결 autocomplete 옵션들이 다양하게 있는지는 처음 알았다. new-password를 사용하니 해결 완료 추가적으로 one-time-code 옵션도 있는데 1회인증 등에 사용하는 듯 하다. 이또한 자동완성기능 막기 가능!
[html] 테이블 크기에 맞게 영문 줄바꿈 한글은 테이블 사이즈에 맞게 잘 뿌려주는데 영문은 자동 줄바꿈이 안된다. 그럴때 를 설정해주면 영문도 줄바꿈 되서 잘 나온다.!
html 원본 그대로의 글을 가져올때 사용 또는 div 앞에 사용! 알아서 원본 컨텐츠와 동일하게 개행이나 띄어쓰기해서 가져온다.
pre 태그에서 크기 조정하는 법 pre { width: 100%; white-space: pre-wrap; word-wrap: break-word; }
form 태그 validation 기능 was-validated : 클라이언트가 submit하게 전에 입력란 작성 여부를 체크 needs-validation : 클라이언트가 submit한 후에 입력란 작성 여부를 체크
[Thymeleaf] 문자열 조합(합치기) Thymeleaf에서 문자열 조합 먼가 지저분하다. 이럴 때, |로 싸주면 문자열을 조합할 수 있다.

반응형