Developer

style select, optgroup, option , , 여러 옵션 중에서 선택 – 드롭다운 목록 공간을 최소한으로 사용하면서 여러 옵션 표시 가능 select 태그 속성 size - 화면에 표시될 드롭다운 메뉴의 개수 multiple - 여러개 항목 선택 가능. option 태그의 속성 value - 값 selected - 기본 선택옵션 지정. optgroup 태그 여러 항목을 그룹을 묶을 때 사용 label 속성을 사용해 그룹 제목을 붙임 optgroup의 속성 value : 값 label : 브라우저에 표시할 레이블 select, optgroup,option 건축공학과 기계공학과 산업공학과 전기전자공학과 컴퓨터공학과 화학공학과 건축공학과 기계공학과 산업공학과 전기전자공학과 컴퓨터공학과 화학공학..

autofocus, placeholder autofocus 페이지를 불러오자마자 원하는 폼 요소에 마우스 커서 표시 placeholder 입력란에 표시하는 힌트로, 필드를 클릭하면 사라짐 autofocus , placeholder 이름 학번 readonly : 내용을 보기만 하고 입력하지 못하게 함 속성 값 없이 readonly 라고만 쓴다 readonly=“readonly”, readonly=“true”로 표시하기도 함 readonly 영어회화(초급) required 필수 필드 체크 속성 값 없이 required 라고만 입력 (required=“required”라고 해도 됨) 필수 필드는 브라우저에서 직접 체크하는 것이므로 오류 메시지 내용은 브라우저들마다 다르게 나타남 required 이름 min, ..

input 태그 사용자가 입력하는 부분은 거의 태그를 이용해 처리 입력하는 내용의 종류는 태그의 type 속성을 통해 지정 type 속성 값에 따라 함께 사용할 수 있는 속성들도 달라진다 태그를 이용해 캡션을 붙일 수 있다 CSS를 이용해 각 요소마다 다른 형태로 꾸밀 수 있다 type 속성값 type = “hidden” 화면 상의 폼에는 보이지 않는다 폼을 서버로 전송할 때 서버로 함께 전송되는 요소 type = “text” 한 줄짜리 텍스트 입력 필드 주로 아이디나 이름, 주소 등 텍스트 입력 type = “password” 비밀번호 입력란 사용자가 입력하는 내용이 ‘ * ’나 ‘•’로 표시된다 type = “search” 검색 필드 검색 창에 x 표시가 되어 검색어 삭제 쉬움 type = “url”..

form 태그 : 폼을 만드는 기본 태그 과 사이에 여러 폼 요소 삽입 form태그의 속성 method : 사용자가 입력한 내용을 서버쪽으로 어떻게 넘겨줄지 지정 get : 주소 표시줄에 사용자가 입력한 내용이 넘어간다 ; 256byte ~ 4096byte까지 넘길 수 있다 post : 대부분 이 방식 사용자가 입력한내용을 header를 통해 넘겨준다 입력길이 제한을 받지않는다 입력내용이 눈에 보이지 않는다 name : 폼의 이름 action : 태그 안의 내용을 처리해줄 서버상의 대상을 지정한다. target : 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정. 검색어 입력 label 태그 : 폼 요소에 레이블(텍스트)을 붙이는 태그 라디오 버튼이나 체크 박스에서 텍스트 부분을 클릭해도..

하이퍼링크 : 다른 문서, 혹은 다른 사이트로 바로 연결해 주는 기능 외부 사이트나 외부 페이지로도 연결 메뉴 뿐만 아니라 원하는 곳에 링크를 만들 수 있다 태그 - 하이퍼링크 - 반드시 href속성을 함께 사용해서 어떤 대상으로 연결하는지 알려주어야 한다. 속성 - href - 링크한 문서나 사이트의 주소를 입력 - target - 링크한 내용이 표시될 위치를 지정. - download - 링크한 내용을 보여주는것이 아니라 다운로드함. - rel - 현재 문서와 링크한 문서의 관계를 알려줌. - hreflang - 링크한 문서의 언어를 지정. - type - 링크한 문서의 파일 유형을 알려줌. target 속성 – 새 탭에서 링크 열기 다른 사이트로 링크하거나 현재 페이지를 유지한 상태에서 링크 페이지..