입력(input)
Form요소 : 사용자로부터 입력 받고 입력한 데이터를 서버로 보낼 때 사용
get방식 : 주소에 데이터를 추가하여 전달. 크기가 작고 중요도가 낮은 정보 전달 시 적절
post방식 : 데이터를 별도로 첨부하여 전달. 외부로 데이터가 드러나지 않으며 크기가 크거나 중요도가 높은 정보 전달 시 적절
input 요소(type) : 텍스트입력(text),비밀번호입력(password),라디오버튼(radio-name으로 그룹이 묶여야 하나의 버튼에만 불이 들어옴,value를 정해놓으면 선택 시 그 값을 전달한다),체크박스(checkbox,라디오버튼과 달리 여러개 선택과 해제가 가능함,checked 속성-미리 선택되는 기능, disabled 속성-선택하지 못함),파일(file,accpet 속성-업로드 할 수 있는 파일의 확장자를 제한 할 수 있음),선택(select,select 안에 을 이용해 선택할 목록들을 적을 수 있음)
value속성은 서버로 보낼 값이 된다.text나 password의 경우에는 적기 전 미리 나오는 값이다.
input에 들어가지 않는 것들
문장(textarea-여러줄을 받을 때 쓴다.row:한 번에 볼 수 있는 줄 수,col:한 줄에 나타낼 수 있는 글자 수-글자수가 넘어가면 다음줄로 간다.)
형식 : [textarea rows=”정수” cols=”정수”][/textarea]
버튼(button) : 사용자가 누를 수 있는 버튼
형식 : [button onclick =
submit : 사용자로부터 입력받은 데이터를 서버의 폼 핸들러로 제출하는 전송하는 개념 받을 형식 구간
형태
예를 들어 받을 형식에 을 넣었다면
텍스트 입력 후 전송하면 주소 뒤에 ?nickname=입력한 텍스트 형태로 나온다.
submit를 버튼으로도 만들 수 있다.버튼이름
필드 셋(fieldset) : 라는 제목을 넣을 수 있는 칸이 있는 입력공간이다.
submit도 쓸 수는 있는데 작동은 하지 않는다(form구간에 있지 않기 때문)
input 요소의 속성
value:초기값/readonly:초기값으로고정(수정못함)/disabled:작성불가
maxlength=”자연수”:최대입력가능한 수/size=”자연수”:입력란 크기