개발 프로세스/Front-end
-
[HTML] 웹폼 Webform : 텍스트 입력, 선택형 입력, 형식을 가진 텍스트 입력개발 프로세스/Front-end 2021. 4. 12. 15:46
1. 텍스트 입력 여러 줄 텍스트를 입력 받을 때 cols, rows: 텍스트 입력창의 크기로 가로세로 문자 수 (영어를 기준으로) wrap : 자동 줄바꿈 처리 지정 데이터 목록을 가진 텍스트 입력 창. 태그의 list 속성 값과 의 id 속성 값을 동일하게 주어 이 둘을 연결한다. 검색어 자동완성 혹은 제이어 기능 구현을 가능하게 해준다. 나라 : 3. 선택형 입력 짜장면 짬뽕 탕수육 value : 폼 요소가 선택된 상태일 때, 웹서버에 전송되는 값 checked : 초기에 선택 상태로 출력 name 속상 값이 같은 라디오 버튼들이 하나의 그룹을 형성하고, 그 중 하나만 선택되는 폼 요소. 짬뽕
-
[HTML] 웹폼 Webform개발 프로세스/Front-end 2021. 4. 9. 17:41
1. 폼 이해하기 웹 폼은 로그인, 등록, 검색, 예약,쇼핑 등의 다양한 웹서비스에서 사용자의 입력을 받기위해 사용된다. HTML5에서는 , , 등의 태그들을 제공하며 이 태그들을 폼 요소(form element)라고 부른다. 1-1. 폼 태그, ... 여러 개의 폼 요소 작성 action : 폼 데이터를 처리할 웹 서버 응용프로그램 이름 URL entype : 폼 데이터를 웹 서버로 전송할 때 암호화 방식 지정 method : 폼 데이터를 웹 서버에 전송하는 방식 target : 웹 서버 응용프로그램으로부터 전송받은 데이터를 출력할 윈도우 이름 1-2. 간단한 로그인 폼 사용자 ID : 비밀 번호 : ... : 폼 요소들을 담는다. : 문자열 압력 창을 만드는 태그. 창의 크기는 15문자 크기로 한다...