본문 바로가기
반응형

Web/HTML2

[HTML] 폼 필수 입력 메시지 변경 방법(form required message customizing) HTML form에서 input이나 select를 필수로 하게 해야할 때가 있다. 태그 내부에 required를 사용해주면 값이 입력이 되지 않으면 알림이 오게 된다. 다음은 HTML 소스와 해당 페이지 결과이다. The select required attribute The required attribute specifies that the user is required to select a value before submitting the form: Choose a car: None Volvo Saab Mercedes Audi 이 때 None으로 되어있는 옵션의 value는 ''로 비어있다. 이 때 select 콤보박스는 required 옵션이 있어서 값이 없는 경우에는 알림이 뜬다. 이 때 따로 메시.. 2021. 8. 19.
HTML 테이블 특정 컬럼 너비 고정 시키기(윈도우 사이즈 조절 시 너비 고정) HTML 작업 중 css에서 th태그의 width를 지정해주어 테이블 특정 컬럼의 너비를 고정시켰는데, 윈도우 창 사이즈 조절시에는 컬럼의 사이즈가 줄어드는 이슈가 있었다. 기존 테이블의 형태는 다음과 같았는데 윈도우 창을 줄이면 이렇게 사이즈가 변경되는 이슈가 생겼다. 이 때 Company컬럼의 너비를 고정하기 위해서 width를 주고 table-layout을 fixed로 지정해주었지만 이슈가 해결되지는 않았다. th 태그에 class를 주어서 css로 처리하면 되지 않을까 하고 시도했는데 그래도 줄어들었다. 열심히 구글링을 한 결과 min-width와 max-width를 주면 창 사이즈가 변해도 유지된다고 알게되었다. .fixedCol { width:250px; min-width:250px; max-.. 2021. 6. 23.
반응형