728x90 300x250 Front-end/HTML78 textarea placeholder 안나오는 이유 textarea placeholder 안나오는 이유는 textarea 사이에 공간이 들어가있기 때문이다. 아래예시를 확인해보면 textarea를 붙여서 써준 경우에는 placeholder가 잘 나오는걸 확인할 수 있다. 2024. 1. 20. select 기본값 문구 선택 시에 안 보이도록 하는 방법 셀렉트 박스의 기본값으로 문구가 나타나지만 사용자가 선택을 하면 안내 문구가 셀렉트 박스 내에서 보이지 않도록 하는 코드 Select an option: 선택해 주세요 Option 1 Option 2 Option 3 위에 "선택해 주세요" 옵션은 disabled, selected, hidden 속성을 사용하여 기본값으로 설정되어 있지 않다. 이 옵션이 선택된 경우 display:none 스타일이 적용된다. 2023. 11. 20. aria-hidden 사용법과 사용이유 'aria-hidden'은 웹접근성을 개선하기 위한 속성중 하나로 특정 요소를 스크린 리더등의 보조 기술이 무시하도록 지시하는 역할을 한다. 주로 css와 함께 사용되며, 웹페이지의 일부 콘텐츠를 시각적으로 숨기면서, 그 내용이 스크린 리더 등의 보조 기술에게는 여전히 사용 가능하도록 만들어준다. 사용법 이 콘텐츠는 시각적으로 숨겨짐 [aria-hidden="true"] {display: none;} css 통해 적용할 경우 .hidden{display:none;} 이 콘텐츠는 시각적으로 숨겨짐 사용 이유 1. 시각적으로 표시되지 않는 콘텐츠를 화면에서 감추기 위해 사용된다. 이를 통해 디자인 요소를 개선하고 uiux 기능을 향상시킬 수 있다. 2. 웹접근성 준수 : 시각적으로 숨겨진 콘텐츠를 스크린 리.. 2023. 11. 16. [bootstrap]tooltip(툴팁) 줄바꿈 br 효과 data-tooltip css pre-wrap; 설정 후 줄바꿈 할 영역에 ' '를 넣어준다. html css .tooltip-inner{white-space: pre-wrap;} 2022. 9. 7. 이전 1 2 3 4 ··· 20 다음 728x90 반응형
