HTML Form태그들의 특성 및 실제 종류

목차

◇ FORM 태그
Ⅰ. 정의
Ⅱ. FORM 태그의 속성 설명

◇ FORM 태그 안에 작성되는 태그
Ⅰ INPUT
Ⅱ SELECT, OPTION
Ⅲ TEXTAREA
Ⅳ LABEL

본문내용

받지 못하고 입력값을 못 받게 해서 변경이 불가능하게 만든다. 단순히 보여주는 기능만 힐 때 사용한다. 화면에서는 흐릿하게 보인다. 익스플로러에서만 지원된다.
(6) NAME
각 INPUT태그마다 이름을 붙여서 입력양식을 처리할 페이지에서 각각에 대해 식별할 수 있게 할 필요가 있을 때 사용한다.
(7) TABINDEX
탭 순서를 지정한다. 입력하지 않으면 브라우저의 위에서 아래로, 왼쪽에서 오른쪽으로 순서대로 이동한다. 익스플로러에서만 지원된다.
이외에 태그에 사용할 수 있는 속성은 태그에 사용했던 속성을 거의 모두 사용할 수 있다. 어차피

을 구성하는 입력양식 종류의 하나이므로 안에서 갖는 공통 속성이 있기 때문이다.
Ⅲ <br /> 1. 설명<br /> <input type ="text">로 작성되는 텍스트 박스는 여러 줄을 입력하지 못해 한 줄의 간단한 텍스트만 입력하는데 사용된다. 텍스트 박스가 한줄 이상의 장문을 입력하지 못하기 때문에 장문의 텍스트를 입력할 경우 사용되지 못하는데, 이 같이 장문을 입력하기 위해서 사용하는 태그가 <TEXTAREA>태그이다. 입력영역이라고도 하는 이 태그는 게시판에서 흔히 볼 수 있는 것으로 질문이나 답변을 할 때 사용한다. 그리고 이 <TEXTAREA>태그가 다른 입력 양식과는 다르게 VALUE속성을 갖고 있지 않다. 만약 브라우저가 표시될 때 기본값을 주고 주고 싶다면<TEXTAREA>와 사이에 값을 입력한다.
2. 실제 적용 예
(1) 소스
action="mailsend.html?et=0">

 제      목






<br />


(2) 인터넷 브라우저의 실제 모습
① 실제 사이트의 모습 ② 태그 부분
(3) 인터넷 주소
3. 주요 속성
(1) COLS ; COLS속성은 입력되는 글자 수를 지정하는 것으로 COLS의 속성값에 입력된 정수 만큼 줄을 입력할 수 있다.
(2) ROWS : ROWS속성은 가로로 입력될 글자수를 설정하는 것으로 익스플로러는 입력된 정수만큼 텍스트를 입력하면 줄 바꿈이 된다. 넷스케이프는 글자수와 상관없이 너비만을 기준으로 줄바꿈이 일어난다.
(3) WRAP : TEXTAREA에 입력된 내용이 해당 범위를 넘어서면 익스플로러는 세롤 스크롤바가 생성되고 네스케이프는 가로로 스크롤바가 생성된다. 이러한 차이점을 세로 스크롤바로 통일시키는 속성이다.
① OFF ; OFF로 입력하면 WRAP속성을 사용하지 않은 것과 같이 줄 바꿈을 하지 않고 가로 스크롤바가 생긴다.
② SOFT ; SOFT는 화면상으로는 줄 바꿈을 하지만 ENTER를 입력하지 않은 것으로 취급한다.
③ HARD ; HARD속성을 사용했을 때 일반 화면의 입력 영역에 입력된 모습 그대로 출력되는 것이다.
Ⅳ
1. 설명
태그는 익스플로러 전용으로 폼에 사용된 입력요소를 묶어주는 역할을 한다. 예를 들어 체크박스의 경우 표시된 체크 부분을 정확히 클릭해야 체크 표시가 되지만, 이 속성을 사용해서 체크박스의 정보를 표시하는 부분과 체크박스를 묶으면 묶인 부분 어느 곳을 클릭해도 같은 체크가 된다.
태그는 넷스케이프4.7버전에서는 지원이 않다가 6.0버전에서 지원되고 있다. 태그의 유요함에도 불구하고 얼마전까지만 해도 익스플로러만을 위한 태그였다. 그러나 이같이 다른 브라우저에서 지원하지 않는 경우라 해도 문서에 영향을 주지 않는 태그라면 특정 브라우저의 사용자를 위해 이런 태그를 사용해도 괜찮다.
2. 실제 적용 예
(1) 소스





성별선택

남

여

(2) 실제 적용 예
①

태그 부분
3. 주요 속성
(1)FOR ; 입력과 양식과 양식의 정보를 묶기 위해서 FOR속성이 존재하는데태그의 FOR속성에 입력된 속성값과 묶인 입력요소의 ID속성의 속성값이 일치하여 한다. 이 속성의 사용에 있어 주의 할 것은 하나와 묶일 입력요소는 하나만 가능하다는 것이다. 이렇게 양식과 정보를 묶기 위해서는 다음과 같은 두 가지 방법이 있다.
① 레이블과 입력양상을 과 사이에 모두 놓기

② 레이블 부분만 만들기

첫 번째 예는 태그가 태그안에 포함된 경우이고, 두 번째 예는 태그로 양식 정보만 있으며, 태그는 태그의 밖에 존재하는 경우이다. 이 두 가지의 방법 모두 사용 가능하지만, 태그의 랙 속성과 태그의 ID속성은 같아야 한다.

키워드

HTML,   태그,   TAG,   인터넷,   FORM 태그,   FORM 태그 안에 작성되는 태그