select태그 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)를 정의할 때 사용. 요소 내부의 요소는 드롭다운 리스트(drop-down list)에서 사용되는 각각의 옵션을 정의. 사용자로부터 입력을 받기 위한 폼(form)에 사용될 수 있습니다. select태그의 속성 multiple : 여러 옵션을 선택할 수 있는지 여부 지정 size : 한 번에 표시할 옵션 수를 지정 autofocus : 페이지가 로드될 때 자동으로 포커스(focus)가 드롭다운 리스트로 이동됨을 명시함. disabled : 해당 드롭다운 리스트가 비활성화됨을 명시함. option태그의 속성 value : 서버에 제출할 데이터 값이 포함.. value속성이 포함되지 않은 경우 기본값은 요소 내부에 포함된 텍스트..

type="radio" 서로 연관된 옵션들의 집합을 보통 하나의 라디오 버튼 그룹으로 나타낸다. 그룹 내의 라디오 버튼은 checkbox와는 달리 오직 하나만이 선택될 수 있다. checkbox처럼 name은 라디오버튼의 이름이다. 같은 분류의 라디오버튼은 같은 이름으로 지정해 주고, value는 선택 항목들이 가지는 고유한 값이다. 여기에 지정한 값들이 ‘제출(submit)’ 버튼을 누르면 서버로 전송된다. checked 라는 속성을 적어주면, 화면이 처음에 로딩될 때 해당 항목은 기본으로 선택이 된 채로 보여진다. type="file" 업로드할 파일을 선택할 수 있는 입력 필드와 “파일 선택” 버튼을 정의. 이 입력 필드를 통해 사용자는 자신의 저장소(storage)에서 파일을 선택할 수 있으며, m..

type="url" input 태그의 type 속성값을 "url"로 설정하면, input 요소는 사용자가 URL 주소를 입력할 수 있도록 해준다. 입력 값은 양식을 제출하기 전에 비어 있거나 형식이 올바른 URL인지 확인하기 위해 자동으로 유효성 검증이 된다. pattern 속성을 사용하여 값이 유효하도록 값과 일치해야 하는 정규식을 지정할 수 있다. type="email" email 사용자가 전자 우편 주소를 입력하고 편집 할 수 있도록 해준다. multiple 속성이 지정된 경우 전자 우편 주소 목록을 표시하는 데 사용된다. list속성을 지정하여 사용자가 선택할 수 있는 기본 옵션 목록을 제공 할 수 있다. 사용자가 해당 옵션으로 제한되지는 않지만 자주 사용하는 전자 메일 주소를 더 빨리 선택 할 ..

.input 태그 input 태그란 사용자로부터 정보를 입력 받을 수 있게 해주는 태그 type : 입력태그의 유형을 설정하는 속성 hidden : 사용자에게 안보임 tel : 전화번호 입력 password : 비밀번호 입력 month : 사용자 지역 연/월 삽입 number : 숫자 조절 화살표 checkbox : 체크박스 삽입 submit : 서버 전송 버튼 text : 텍스트 입력 url : URL 주소 입력 datatime : 국제 표준시 삽입 week : 사용자 지역 연/주 삽입 range : 숫자 조절 슬라이드 막대 radio : 라디오 버튼 삽입 reset : 리셋 버튼 삽입 search : 검색 상자 email : 이메일 입력 data : 사용자 지역 연/월/일 삽입 time : 사용자 지..

.Form이란? 사용자가 정보를 입력, 선택할 때 사용되는 태그. 즉, 서버로 입력한 데이터를 전송 할 때 사용. 폼은 웹 페이지의 정보를 다른 페이지로 전송하는 역할. 단순히 텍스트의 내용만 보여 주는 페이지에는 필요 없지만 서로 데이터를 주고 받으며 움직이는 웹 페이지일 경우 반드시 들어가는 요소. ..form에서 사용되는 HTML 태그들 , , , , , , and ..form 태그 ..form태그의 속성 action : 폼 내부에 데이터를 보내는 목적지 URL을 지정한다. -- action은 form 내부에 전송(submit)을 했을 때 데이터를 보내는 곳의 URL을 지정하게 된다. 보통 input 태그의 submit type 으로 설정해서 클릭했을 때 데이터를 서버로 보내게 된다. method ..