반응형 input2 [CSS] input custom css input 체크박스나 라디오 버튼을 그대로 가져다 쓰면 모양이 예쁘지 않아서 CSS를 통해 체크되는 모양을 바꿀 수 있는 input custom css 입니다. 글씨를 클릭해도 (display:none 해놓은) input태그에 체크가 될 수 있도록 글씨를 label 태그 안에 넣어주고 클릭을 하면 글씨 앞에 있는 i태그가 체크되는 박스 모양입니다. 큰 체크박스 큰 체크박스 큰 라디오버튼 큰 라디오버튼 /*스크립트 사용하지 않은 체크박스 커스텀 css*/ input.chkBasic[type="checkbox"] {display:none; vertical-align:middle; } input.chkBasic[type="checkbox"] + label.chkBasic {vertical-align:middl.. 2020. 6. 25. [html] form 요소 form 요소는 온라인 서식에서 작성한 값들을 서버 프로그램(서식값 처리)으로 전송하는 역할을 담당하며 블록 요소 입니다. fieldset은 블록 요소이며 form요소 안에 있는 여러 요소를 그룹화 할 때 사용하며 그룹제목 legend요소를 포함합니다. 그룹제목 label for="for 값" -> for값을 input요소의 id값과 동일하게 하면 편의성을 확대시켜줍니다. (label의 텍스트를 선택해도 input값에 커서가 이동) maxlength="8" -> 최대로 쓸 수 있는 글자 수입니다. required -> input값이 입력되었는지에 대한 부분과 유효성을 판단해주는 속성입니다. placeholder의 속성변경 선택자는 input::placeholder입니다. 아이디 : .list_conten.. 2019. 12. 27. 이전 1 다음 반응형
