HTML - select, textarea 요소는 옵션 선택 메뉴를 제공하는 역할을 한다. 기본적으로 내부요소인 을 가지며 옵션에 개수에 따라 선택할 수 있는 드롭다운 목록이 나타나게 된다. 요소를 id로 묶어서 연관성을 나타낼 수 있다. 반려동물 강아지 고양이 토끼 햄스터 을 사용해서 옵션 그룹을 생성해서 옵션을 분리할 수 있다. 에는 selected라는 속성을 부여해서 기본 선택값으로 사용할 수 있다. 반려동물 --좋아하는 애완동물을 선택하세요-- 강아지 고양이 토끼 햄스터 .. Coding/HTML & CSS 2025.03.07
HTML - button 요소 은 클릭 가능한 버튼을 생성하는 요소를 나타낸다. 내부에서 사용하면 사용자 입력 내용을 action속성에 정의된 URL로 전송하는 역할을 하지만 그 외에도 입력 정보를 리셋하거나 javascript의 이벤트 처리 등 다양한 작업을 수행하기도 한다. 요소에도 type="submit"을 통해 동일한 역할을 부여할 수 있지만 텍스트 외에 다른 이미지 등을 넣을 수 없어 다양한 UI요소를 꾸미는데 한계가 있다. 반면 요소는 등을 내부요소로 사용해서 기본 스타일 외에 다양한 버튼 UI를 만들 수 있다. 요소는 type속성을 통해 다양한 역할을 부여할 수 있다.값설명submit태그에 정의된 URL로 사용자 입력값을 전송함reset사용자 입력값 초기화button값 자체는 기능이 없으나 javascript와 함께.. Coding/HTML & CSS 2025.03.07
HTML - form, input 요소 요소는 사용자의 입력 데이터를 서버에 전송하기 위한 컨테이너 역할을 한다. 자식요소로 를 갖는다. 과 요소를 내부에 포함해서 사용자 입력값을 서버에 전송할 수 있다. 은 관련된 입력 필드를 그룹화하는 데 사용된다. 그룹화된 필드 셋은 브라우저에서 하나의 박스 형태로 보기게 된다. 폼의 가독성을 높이고 사용자 입력값과 관련된 필드를 구조화하기 위해 사용한다. 는 안에서 그룹의 제목을 정의하는 데 사용한다. 폼 제목 아이디 비밀번호 요소의 주요 속성 값예시설명action"https://formspree.io/f/xeqwwbwk"데이터를 .. Coding/HTML & CSS 2025.03.06