반응형 input태그2 [HTML] button 태그 목 차HTML 태그란?주요 특징기본 사용법 태그의 속성type (버튼의 동작 지정)disabled (버튼 비활성화)name과 value (form 데이터 전송 시 사용)버튼 안에 다양한 요소 포함 가능버튼 스타일링 (CSS 활용)버튼 크기와 색상 변경hover (마우스 올릴 때) 효과 추가버튼 아이콘 추가 (FontAwesome 사용)Javascript와 함께 사용버튼 클릭 이벤트 추가버튼 클릭 시 요소 변경 태그와 차이점 HTML 태그란? 태그는 클릭할 수 있는 버튼을 생성하는 HTML 요소입니다. 이 버튼을 클릭하면 특정 동작(이벤트)을 실행할 수 있으며, 폼 제출, JavaScript 실행, 링크 이동 등 다양한 기능을 수행할 수 있습니다. 주요 특징 내용을 포함할 수 있는 태그 → 버튼 .. 2025. 2. 7. 텍스트 입력을 위한 input 태그의 올바른 사용법 목 차1. 태그란?2. 기본 구조3. 태그 속성3-1. type3-2. name3-3. id3-4. value3-5. placeholder3-6. maxlength3-7. required3-8. disabled3-9. readonly3-10. pattern3-11. autofocus3-12. autocomplete4. type 속성별 예제4-1. 기본 텍스트 입력 (type="text")4-2. 비밀번호 입력 (type="password")4-3. 이메일 입력 (type="email")4-4. 숫자 입력 (type="number")4-5. URL 입력 (type="url")4-6. 전화번호 입력 (type="tel")4-7. 날짜 및 시간 입력4-8. 체크박스 (type="checkbox")4-9. .. 2024. 12. 5. 이전 1 다음 반응형