HTML13 HTML link와 script 정리 태그 외부에 있는 것을 불러올 때 사용하는 태그입니다. 어떤 목적인지를 rel 속성에 적습니다. 위치는 href로 지정하면 됩니다. 주로 사이트 아이콘을 불러올 때는 rel="icon"이라고 썼습니다. 를 쓰는 것도 꼭 기억해 주세요. .. 2023. 10. 20. HTML 폼 정리 기본적인 폼의 형태 아이디 비밀번호 로그인 라벨 태그로 을 감싸면 라벨을 클릭했을 때 인풋에 포커싱이 됩니다. 아이디 혹은 라벨의 for 속성과 인풋의 id 속성을 일치시키면 클릭했을 때 인풋에 포커싱이 됩니다. 아이디 인풋 name 속성은 폼을 전송했을 때 입력한 값에 매칭되는 이름입니다. 예를 들어서 아래 코드에서는 인풋에 입력한 값이 username이라는 이름에 매칭됩니다. 아이디 type 속성을 사용하면 다양한 인풋을 사용할 수 있습니다. 대표적으로 입력한 값을 가려주고 싶을 때는 type="password"를 사용합니다. 비밀번호 2023. 10. 20. HTML 인풋의 여러가지 타입 체크박스 checkbox 한 항목만 선택하는 경우 아래 예시에서는 "동의합니다"에 체크하는 경우 agreement의 값이 on이라는 문자열로 지정됩니다. 동의합니다 여러 항목 중에서 몇 항목을 선택하는 경우 태그에 value 속성으로 값을 지정해 주면, 선택된 항목의 지정된 값이 쓰입니다. 예를 들자면 아래 코드에서는 "액션"이랑 "코미디"를 선택했을 때 film의 값으로 action과 comedy라는 문자열이 지정됩니다. 폼을 전송했을 때 쿼리 문자열에서는 &film=action&film=comedy처럼 전송됩니다. 좋아하는 영화 장르 액션 코미디 로맨스 날짜 date 선택한 날짜로 값을 지정할 수 있습니다. 파일 file 정말 자주 쓰이는 타입이어서 이건 따로 기억해 둡시다. 파일을 선택할 수 있는 .. 2023. 10. 20. HTML 폼을 전송하는 폼 태그 두 가지 속성 폼 태그의 두 가지 속성을 살펴보면서, 폼을 전송하는 방법에 대해 알아보겠습니다. action 속성 우선 먼저 폼 내용을 전송할 주소를 정하는 방법에 대해 알아볼게요. 아래와 같은 코드에서 확인 버튼을 누르면 기본적으로는 페이지를 이동하는데요. 이메일 비밀번호 비밀번호 확인 확인 현재 페이지의 주소가 http://127.0.0.1:3000이라고 가정해 볼게요. 이메일에 html@codeit.kr 비밀번호로는 ilovehtml이라고 적고 나서 확인 버튼을 눌렀다고 합시다. 그럼 아래와 같은 주소로 이동합니다. http://127.0.0.1:3000/?email=html%40codeit.kr&password=ilovehtml&password_repeat=ilovehtml 조금 복잡해 보이는데, 주소를 풀어서.. 2023. 10. 20. 이전 1 2 3 4 다음
