input3 select태그랑 input태그가 사이에 공간없이 붙는 이유 input 태그, select 태그를 사용하면 나란히 옆으로 정렬되면서 저절로 4px정도 공간이 생기는데 이상하게도 input 태그와 select 태그 사이의 공간이 사라지고 붙어버렸다. 무슨 이유인지 엄청 고민했는데 그 이유는 아주 간단했다. 1. 문제 화면 input 태그와 select 태그 사이의 4px 정도의 공간이 사라지고 붙어있는 것을 확인 할 수 있다. 2. 문제 이유 [HTML] 1 2 3 4 5 내가 select 태그 옆에 붙여서 input태그를 작성했기 때문이었는데 input태그를 selcet 밑으로 내리니 바로 4px의 사이 간격이 생겨 났다. 3. 해결 화면 [HTML] 1 2 3 4 5 [결과화면] 2022. 12. 14. input radio 버튼 클릭하면 하단 내용 보이기 / 숨기기 input radio 버튼이 두 개 있을 경우 radio 버튼 하나를 클릭하면 해당 radio 버튼 내용이 display:block 되고 다른 radio 버튼 내용은 display:none 되는 방법을 연습해 보았다. 1. 소스 [HTML] 아이디 검색 방법 선택하기! 휴대폰으로 아이디 수신 휴대폰 이메일로 아이디 수신 이메일 [CSS] [JS] 2. 결과 화면 See the Pen Untitled by H__jung (@honghongbyul) on CodePen. 3. 제이쿼리 문법 정리 .val() : input, select 등의 form의 value값을 가져온다. 2022. 9. 21. input 체크박스 CSS 변경하기 1. 체크박스 CSS 변경하기 는 브라우저마다 심플한 기본 디자인을 가지고 있다. 하지만 작업을 하다 보면 디자인 컨셉에 따라 체크박스를 변경해 주고 싶을 때가 있는데 이번에 input 체크박스 CSS 변경 방법을 기록하려 한다. 2. HTML, CSS 소스 [HTML] 선택! [CSS] 3. 결과 화면 2022. 8. 19. 이전 1 다음
