본문 바로가기

인풋태그3

[CSS 응용] 탭 메뉴 만들기 안녕하세요 PNcoding입니다 :) 오늘은 인풋태그를 활용한 탭메뉴를 만들어 보도록 하겠습니다. 인풋과 관련된 내용은 아래의 포스팅을 참고해 주세요 :) https://pncoding.tistory.com/36 [HTML 기초] form(폼)태그와 input(인풋)태그, label태그 안녕하세요 PNcoding입니다 :) 오늘 배울 내용은 폼 요소로 쓰이는 태그들에 대하여 알아보도록 하겠습니다. 들어가기에 앞서 폼 요소들은 입력하는 공간을 통해 사용자로부터 정보를 전달받는 역 pncoding.tistory.com 바디구조 작성 1 (구조 작성) 먼저 바디구조를 작성해 보도록 하겠습니다. 탭1 탭2 탭1 내용 탭2 내용 인풋태그의 종류 중 radio를 사용하여 탭메뉴를 구성해 보도록 하겠습니다. 탭의 형.. 2023. 12. 12.
[CSS 응용] 숨김 메뉴 만들기 안녕하세요 PNcoding입니다 :) 오늘은 인풋태그를 활용해 간단한 숨김메뉴 형태를 만들어 보도록 하겠습니다. 인풋태그가 궁금하신 분은 아래 포스팅을 참고해 주세요 :) https://pncoding.tistory.com/36 [HTML 기초] form(폼)태그와 input(인풋)태그, label태그 안녕하세요 PNcoding입니다 :) 오늘 배울 내용은 폼 요소로 쓰이는 태그들에 대하여 알아보도록 하겠습니다. 들어가기에 앞서 폼 요소들은 입력하는 공간을 통해 사용자로부터 정보를 전달받는 역 pncoding.tistory.com 바디구조 작성 먼저 바디구조를 작성해 보도록 하겠습니다. = 인풋 태그 중 체크박스 기능을 활용하여 한번 체크하였을 때 메뉴박스가 보이도록, 한번 더 체크하였을 때(체크 해제 .. 2023. 12. 4.
[HTML 기초] form(폼)태그와 input(인풋)태그, label태그 안녕하세요 PNcoding입니다 :) 오늘 배울 내용은 폼 요소로 쓰이는 태그들에 대하여 알아보도록 하겠습니다. 들어가기에 앞서 폼 요소들은 입력하는 공간을 통해 사용자로부터 정보를 전달받는 역할을 합니다. 즉, 사용자와 대화할 수 있는 인터렉티브(Interactive)한 영역이라고 볼 수 있습니다. 태그 폼 태그는 웹페이지에서 입력할 수 있는 양식을 만들 때 사용됩니다. 예를 들어 회원가입, 로그인, 게시판, 쇼핑몰 주문 등의 많은 곳에 사용되고 있습니다. 이렇게 입력받은 데이터들은 서버 혹은 다른 페이지에 전달해 줄 수 있으며, 폼 태그의 세세한 기능들은 주로 개발자(JavaScript)들이 다룬다고 보시면 되겠습니다. 속성 action : 데이터를 전달할 url을 넣어줌 method : 폼 요소를 .. 2023. 11. 24.
반응형