드롭다운 목록 태그

드롭다운 목록 태그 1. select 태그 - select 태그를 사용해 드롭다운 목록을 생성함 - select 태그에는 추가 속성이 존재 - size 속성 : 화면에 표시될 드롭다운 메뉴의 항목 개수를 지정 - multiple 속성 : 드롭다운 메뉴를 중복 선택이 가능함 (ctrl 키를 사용) 2. option 태그 - option 태그로 드롭다운 목록에 표시되는 옵션들을 생성함 - option 태그에는 추가 속성이 존재 - value 속성 : 옵션을 선택 했을 때, 서버로 넘겨질 값을 지정 - selected 속성 : 화면에 표시될 때, 기본적으로 선택되어 있는 옵션을 지정 메뉴판 커피 메뉴 아메리카노 카페 라떼 카푸치노 바닐라 라떼 녹차 라떼 3. optgroup 태그 - 옵션끼리 그룹 지정 - 이..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2023. 1. 2.
• textsms

input 태그의 다양한 속성

input 태그의 다양한 속성 1. autofocus 속성 - 폼의 요소 중 원하는 요소에 입력 커서를 표시함 - 웹 요소에 들어가면, 바로 autofocus를 입력한 요소에 마우스가 클릭된 상태로 열림 이름 비밀번호 2. placeholder 속성 - 입력란에 힌트 내용을 표시함 - 사용자가 어떤 내용을 입력해야 하는지 알려 줄 경우에 사용 - 사용자가 내용을 입력하면 placeholder로 입력한 텍스트가 사라짐 전화번호 3. readonly 속성 - 읽기 전용 필드 생성 - 사용자가 입력하지 못하고 읽게만 할 수 있음 영업시간 4. required 속성 - 필수 필드 지정 - 이 속성을 사용하면, 무조건 입력해야 넘어가게 끔 설정할 수 있음 신청자 이름 신청 5. min, max, step 속성 -..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 12. 30.
• textsms

input 태그

input 태그 1. input 태그 - 입력 항목 생성 - 태그 안에 있는 type 속성을 이용해 폼 요소를 구분함 - id 속성을 이용하여 폼 요소를 구분할 수 있음 2. text 속성 - 텍스트 필드 생성 - 다음 속성들은 텍스트 필드에서 사용할 수 있는 속성값임 속성 설명 name 텍스트 필드를 구별하는 이름을 설정 size 텍스트 필드의 길이 지정 value 텍스트 필드 부분에 표시될 내용 입력 maxlength 텍스트 필드에 입력 가능한 최대 문자 개수 지정 3. password 속성 - 비밀번호 입력란 생성 - text 속성과 달리 입력한 내용이 * 또는 · 으로 표시됨 5. 그 외의 속성값 - search : 검색 상자 생성 - url : URL 입력란 생성 - email : 메일 주소 입..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 12. 28.
• textsms

폼(form) 관련 태그

폼 관련 태그 1. form 태그 - 폼을 생성함 ※ 폼(form) : 아이디와 비밀번호 또는 로그인 버튼, 회원가입 창 등 웹 사이트로 정보를 보낼 수 있는 요소들 - 폼 요소 - form 태그는 여러 속성을 통해 서버로 자료를 넘김 - method 속성 : 사용자가 입력한 내용을 서버 쪽으로 넘기는 방식을 설정함 (속성 값으로 get과 post가 존재) - get : 주소 표시줄에 사용자가 입력한 내용이 그대로 표시됨 (256byte~4096byte 까지의 데이터만 가능) - post : 사용자의 입력을 표준 입력으로 전달됨 (데이터 길의 제한을 받지 않고 입력 내용이 표시되지 않음) - name 속성 : 폼의 이름을 지정 - action 속성 : 내용을 처리해 줄 서버 상의 프로그램을 지정 - ta..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 12. 12.
• textsms