Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- 이메일 코딩
- class
- free react course
- 내일배움카드
- React & Redux로 시작하는 웹 프로그래밍
- 국비지원
- 노마드코더
- bucket list
- 반응형 이메일
- HTML
- K디지털기초역량훈련
- 버킷리스트
- 무료리액트강의
- nomadcoders
- JavaScript
- object-oriented programming
- 자바스크립트
- 바이트디그리
- CSS
- ENFJ포스팅
- 패스트캠퍼스
- 반응형
- ENFJ
- 코딩
- 객체지향
- react
- 리액트
- redux
- REACT강의
Archives
- Today
- Total
목록input 디자인 (1)
미미 공부/취미방
[JavaScript] input radio 내 디자인 스크립트 기능 구현
input radio 체크 기능 스크립트 구현하기 상황 input radio 디자인이 안 예뻐서 디자인을 수정하고 싶다. 디자인 구연하고 싶은 스타일 기본 세팅 HTML 사과 바나나 멜론 1. radio는 체크가 1개만 가능한 체크박스로, 체크가 1개만 됐는지 인식하기 위해서 'name'에 동일한 값을 주어서 그룹을 만들어 준다. (예시. 'fruits'라는 'name'을 갖은 그룹 중 1개) 2. input의 id는 label의 for 값과 일치해야 label과 input이 연결되고, label을 클릭하면 해당 input 에 전달이 된다. 3. label에 디자인을 위한 모든 HTML구조를 넣는다. *** input에 checked라는 속성을 넣으면 체크 박스가 체크된 상태 CSS li { width:..
to FED
2022. 11. 11. 21:44