html 기본 문법 > HTML/JAVA Q&A

INPUT

INPUT 태그 속성
TEXT	텍스트 박스
RADIO	라디오 버튼
CHECKBOX	체크 버튼
SUBMIT	쿼리번송 버튼
RESET	리셋버튼
PASSWORD	패스워드 텍스트 박스
BUTTON	일반 버튼
HIDDEN	숨겨진 텍스트 박스
IMAGE	IMAGE 버튼
FILE	FILE 파일 박스

<input type=text>

일반 텍스트 필드

<input type= password>

비밀번호 텍스트 필드

<input type=text style="BACKGROUND COLOR:RGB(240,240,200)">

스타일로 텍스트 필드 색 넣기

<input type=text readonly>

글쓰기 불가능

<input type=text name=test size=80 maxlength=3 value="3 글자만 허용합니다"
>

사용예)

<FORM METHOD=POST ACTION="testphp.html" name="loginform">


<INPUT TYPE="text" NAME="id" value=value=<"안녕하세요">

</FORM>

<SCRIPT LANGUAGE="JavaScript">

castinfo.submit();

</SCRIPT>

<input type=redio name=test value=test>

한개만 선택가능

<input type=checkbox>

복수 선택가능

미리 선택되어 있습니다.

<input type=redio checked>

<input type=checkbox checked>

<input type=submit value=submit>

<input type=submit>

<input type=reset>

<input type=botton value=버튼>

<input type=image src="image/test.gif>

이미지 버튼

<input type=hidden>

 

<input type=file>

파일박스

 

---

<SELECT>

SELECT 태그의 속성값
NAME	SELECT의이름
STYLE	SELECT 의 문자 폰트, 배경색,테두리 두께 설정
SIZE	SELECT 의 선택영역 설정

 

OPTION 태그의 속성값
VALUE	선택시 사용할 값 지정
SELECTED	초기 설정될 값 설정

 

<SELECT SIZE=2 NAME=YEAR>

<OPTION VALUE=1>111</OPTION>

<OPTION VALUE=2>222</OPTION>

<OPTION VALUE=3>333</OPTION>

</SELECT>

111
222
333

<SELECT NAME=YEAR>

<OPTION VALUE=1>111</OPTION>

<OPTION VALUE=2>222</OPTION>

<OPTION VALUE=3>333</OPTION>

</SELECT>

111
222
333

<SELECT SIZE=2 NAME=YEAR >

<OPTION VALUE=1 SELECTED>111</OPTION>

<OPTION VALUE=2>222</OPTION>

<OPTION VALUE=3>333</OPTION>

</SELECT>

111
222
333

---

<TEXTAREA>

TEXTAREA 태그
NAME	TEXTAREA 의 이름
STYLE	TEXTAREA 의 문자 폰트, 배경색,테두리 두께등 설정
ROWS	TEXTAREA 의 크기(몇 행 가로 길이)
COLS	TEXTAREA 의 크기(몇 BYTE의세로 길이)
WRAP	TEXTAREA 에 크기 조정
	wrap=hard,auto,on,off

 

<textarea cols='50' rows='10' wrap=on>

</textarea>

12345678901234567890123456789012345678901234567890
2
3
4
5
6
7
8
9
0
1
2

---

<FORM>

FORM 태그
NAME	폼의 이름을 설정합니다.
ACTION	쿼리 전송버튼이 클릭되었을대 실행할 파일이나 URL
ENCTYPE	인코딩할 폼의 MIME 타입 설정
METHOD	데이터 전송방식(GET 또는 POST)
TARGET	결과가 실행될 창 설정

<FORM ACTION= IN.HTML>

<INPUT TYPE=SUBMIT>

</FORM>

 

---