개발자가 되고 싶은 새

https://www.youtube.com/watch?v=gRyvG7PZ4m0&list=PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j&index=2&t=2s 바닐라 자바스크립트 코딩을 하는 스터디 2회차를 진행 중에 select 라는 태그를 발견하게 되었다. select 태그는 옵션 메뉴를 제공하는 드롭다운 리스트를 정의할 때 사용한다. select 태그 안에 optgroup, option 태그를 사용해 리스트를 생성할 수 있다. optgroup 태그는 옵션의 카테고리를 지정할 수 있고, option 으로 드롭다운 리스트를 정의할 수 있다. 사용 예시 당신의 최애 디저트는? 화채 빙수 붕어빵 호떡 HTML 삽입 미리보기할 수 없는 소스 📃 select 속성값 📃 🎈 autofocues :..

사용자에게 정보를 입력받을 때 이용되는 form 태그는 fieldset, legend, input, label 과 주로 함께 쓰인다. 📃 form 속성값 📃 🎈action 데이터를 받아 처리할 페이지의 url 지정 🎈name : 폼 이름 🎈target : 열리는 창 입력 🎈method : 전송방식 get post 256~4096 byte까지만 전송 가능 입력 내용의 길이에 제한 X 보안 중요하지 않을 때 보안 중요할 때 form 태그 안에 쓰일 수 있는 태그는 fieldset, legend가 있다. 🎈fieldset 은 관련된 폼끼리 묶을 때 🎈legend 는 fieldset 내에서 사용되며, 그룹화 된 fieldset 태그들의 제목을 정의한다.

hr 태그는 자동으로 줄바꿈을 해주기 때문에 단락을 구분하는 용도로 사용된다. 🎈width : 수평선의 길이 값 지정 🎈color : 수평선의 색깔 지정 🎈noshade : 입체감을 없애 평평하게 보이도록 만들어줌 이 외에도 height, border, background 을 지정할 수 있으며, 줄어들었다가 길어지는 등의 애니메이션 효과도 줄 수 있다.

input 태그는 form 태그 내부에서 사용자의 입력값을 받아오기 위한 형식을 구현하는 태그이다. input 태그는 label 태그와 짝꿍으로 사용하는 것이 접근성 측면에서 좋다.👌 📃 input 속성값 📃 🎈 type : 유형 text default 값 textarea 여러 줄의 텍스트 입력 가능한 박스 radio 여러 버튼 중 한 가지만 선택가능 checkbox 여러 버튼 중 여러가지 선택 가능 image 이미지 전송 버튼을 만들어줌. submit 과 같은 제출 버튼 select 여러 개의 목록항목 생성, 선택가능 button submit file reset number date, week, month, time color email range : 슬라이드 컨트롤 search url 🎈 name :..