HTML CSS JS10 day35) [JavaScript] 회원가입 폼 유효성 검사 예제 [onfocus(focus) 이벤트 활용] 1. focus 된다면 input공간의 색을 바꾼다. 2. focus가 없어진다면(onblur) 원상태로 되돌린다(transparent) See the Pen Untitled by seoWork5795 (@seowork5795) on CodePen. [onchange(change) 이벤트 활용] 1. 라디오버튼 클릭시 해당하는 체크박스가 선택된다. 2. 체크박스 선택시 해당하는 라디오 버튼이 선택된다. 3. 라디오버튼, 체크박스를 선택하면 textarea에서 출력된다. See the Pen Untitled by seoWork5795 (@seowork5795) on CodePen. * 추후에 조건에 따라 강제 선택되게 하기 위해 disabled 속성등을 사용하여 .. 2022. 2. 17. day34) [JavaScript] addEventListener [JS로 click 이벤트를 처리 하는 3가지 방법] 이벤트 핸들러(이벤트 리스너)는 특정 element에서 설정한 이벤트가 발생하면 처리하는 함수이다. 가장 보편적으로 사용되는 이벤트는 click event 이므로 이를 사용해 이벤트 핸들러를 호출하는 3가지 방법을 살펴보자. 1) onclick: inline방식 - HTML코드에서 등록 -단점: HTML 코드에 자바스크립트 코드가 추가되어 유지보수가 힘들고, 가독성이 좋지 않다. click 2) onclick: 자바스크립트에서 등록 -단점: 하나의 element에 하나의 이벤트 리스너 만을 등록할 수 있다. Click [addEventListner 예제] See the Pen Untitled by seoWork5795 (@seowork5795) on .. 2022. 2. 17. [JavaScript] 키코드 KeyCode 8 키 9 키 12 키 13 키 16 키 17 키 18 키 19 키 20 키 27 키 32 키 33 키 34 키 35 키 36 키 37 키 38 키 39 키 40 키 41 키 42 키 43 키 44 키 45 키 46 키 47 키 144 키 문자키 65 A 키 66 B 키 67 C 키 68 D 키 69 E 키 70 F 키 71 G 키 72 H 키 73 I 키 74 J 키 75 K 키 76 L 키 77 M 키 78 N 키 79 O 키 80 P 키 81 Q 키 82 R 키 83 S 키 84 T 키 85 U 키 86 V 키 87 W 키 88 X 키 89 Y 키 90 Z 키 기능 키 112 F1 키 113 F2 키 114 F3 키 115 F4 키 116 F5 키 117 F6 키 118 F7 키 11.. 2022. 2. 15. day26) [HTML] HTML 기본 콘텐츠 카테고리 https://abcdqbbq.tistory.com/5 HTML inline(인라인) vs block(블록) 요소 HTML의 태그 요소는 HTML5 이전에 inline(인라인) 요소와 block(블록) 요소로 구분 되어왔다. HTML5에 들어서는 태그들을 단순히 인라인, 블록으로 구분하는 것이 아닌 Contents Model(컨텐츠 모델)로 각 태 abcdqbbq.tistory.com [콘텐츠 카테고리 종류] 카테고리 1. 메타데이터 콘텐츠 2. 플로우 콘텐츠 3. 섹션 콘텐츠 4. 임베티드 콘텐츠 5. 인터렉티브 콘텐츠 6. 헤딩 콘텐츠 7. 프레이징 콘텐츠 [메타데이터 콘텐츠] 웹 문서와 관련된 정보를 표현하는 콘텐츠와 다른 문서와의 관계를 유지하는 콘텐츠 base, command, link, met.. 2022. 2. 4. 이전 1 2 3 다음