- <FORM>
- 입력양식의 시작과 끝을 선언
- <INPUT>
- <SELECT><OPTION>
- <textarea>
|
name
|
폼에서의 Name 속성은 해당 입력 양식이 어느 폼에서 작성되었는지 식별하기 위한 꼭 필요한 속성
|
|
Action
|
작성된 입력양식을 처리할 스크립트 언어가 작성되어있는 페이지로의 URL입력
|
|
Method
|
입력 양식에 작성된 정보를 ACTION 속성에 작성된 URL로 넘기는 방법 설정. POST - 입력된 내용을 사용자가 볼수 없도록 숨김채로 넘기고, GET - 브라우저 주소 표시줄에 작성된 내용을 볼 수 있도록 하는 방법
|
|
<Input type="text">
|
한줄의 간단한 텍스트를 입력할 때 사용
ex) @
hanmail.net
|
|
<input type="password">
|
텍스트박스와 같지만 입력한 값을 볼수 없게 *로 나타내줌. 회원가입폼에서 비밀번호란.
|
|
<input type="radio">
|
여러 항목 중 꼭 한가지만 선택해야 하는 경우에 사용. Ex) 성별구분
|
|
<input type="checkbox">
|
꼭 한가지만이 아닌 여러 항목을 한꺼번에 선택할 수 있는 확인란.
|
|
<input type="submit">
|
전송버튼.입력 폼에 입력된 내용을 <form> 태그의 action 속성값으로 입력된 위치로 전송
|
|
<input type="reset">
|
양식에 입력된 모든 내용을 원래 상태로 되돌린다.
|
|
<input type="button">
|
버튼모양으로 나타남
|
|
<input type="image">
|
submit과 같은 기능. 일반적 버튼 모양 대신에 src속성에 입력한 이미지가 나타난다.
|
|
<input type="file">
|
파일을 찾을 수 있는 창이 나타남
|
|
<input type="hidden">
|
화면에는 보이지 않으며 사용자가 볼 필요 없는 특정 데이터를 저장하고 있을 필요가 있을때 사용
|
<SELECT>
<OPTION>항목1</OPTION>
<OPTION>항목2</OPTION>
<OPTION>항목3</OPTION>
….
</SELECT>
장문의 텍스트를 입력할 때
<html>
<head>
<title></title>
</head>
<body>
<form>
<H2>텍스트</H2>
<input type="text" name="inputtext" size=50
maxlength=7>
<H2>암호형식</H2>
<input type="password"
name="inputpassword">
<H2>라디오</H2>
<input type="radio"
name="a" value="1" checked>사과<br>
<input type="radio"
name="b" value="2">귤
<H2>체크박스</H2>
<input type="checkbox"
name="a1" value="1" >사과<br>
<input type="checkbox"
name="a2" value="1" checked>사과<br>
<input type="checkbox"
name="a3" value="1" >사과<br>
<input type="checkbox"
name="a4" value="1" checked>사과<br>
<H2>전송버튼</H2>
<input type="submit"
name="inputsubmit" value="놀러가기">
<H2>입력취소</H2>
<input type="reset"
name="inputreset" value="다시입력">
</form>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body>
<form>
<SELECT>
<option>나이
<option>20대
<option>30대
<option
selected>40대
<option>50대
</SELECT>
</form>
</body>
</html>
readonly를 빼면 안에 내용을 쓸수 있다.
댓글 없음:
댓글 쓰기