태그는 사용자 입력을 위한 웹페이지를 만드는 데 사용됩니다.

HTML 태그 2012. 9. 17. 23:41

share this post

HTML <form> 태그 : 사용자 입력 양식 태그(Form for User Input)

<form> HTML 태그는 사용자 입력을 위한 HTML 양식을 생성하는 데 사용됩니다.
<FORM> 태그는 <input>,<textarea>,<button>, <select>,<fieldset>,<datalist>,<output>,<label><checkboxes><radio-buttons> 등과 같은 태그를
사용하여 특정 URL에 사용자 데이터를 전달하는 데 사용됩니다.

<form> 태그 예제

					
					
<html>
 <head>
    <title>html form 태그 예제샘플</title>
 </head>
 <body>
   <h1>form 태그의 예제샘플입니다</h1>
   <p>
    
    <FORM method="post" action="http://www.htmlschool.co.kr/help/sample.asp">
        <TABLE>
            <TR><TD>Name </TD><TD><INPUT type="text" name="name"></TD></TR>
            <TR><TD>E-mail</TD><TD><INPUT type="text" name="email"></TD></TR>
            <SELECT name="findout">
              <OPTION>AAAAAAA
              <OPTION>BBBBB
              <OPTION>CCCCCCCCCCC
            </SELECT></TD></TR>
            <TR><TD colspan="2" align="center"><INPUT type="submit" value="Send values">
            <INPUT type="reset" value="Reset form"></TD>
            </TR>
        </TABLE>
    </FORM>

</body>
</html>

[예제 결과보기및 소스코드 수정하기]

<form> 관련 태그

button , form , input , textarea

<form> 태그 속성

accept : 업로드 한 파일을 통해 제출 된 파일의 종류를 필터링하는 데 사용됩니다.

accept-charset : 양식을 처리하는 서버에서 허용하는 입력 데이터에 대한 문자 인코딩의 목록을 지정합니다.

action : 폼에서 데이터를 처리할 url을 지정합니다.

class : 문서의 요소를 식별합니다.

dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.

enctype : 양식에 대한 콘텐츠 인코딩 유형을 정의하는 것입니다.

id : 문서의 요소를 식별합니다.

lang : 요소의 내용의 언어를 지정합니다.

method : 양식을 제출하는 데 사용되는 HTTP 방법을 정의하는 것입니다.

method 속성 값 :

get : post 방식입니다. name : 요소에 대한 이름을 지정하는 것입니다.

style : 요소에 대한 인라인 스타일을 지정합니다.

target : 창을 지정하는 것입니다.

title : 문서에 대한 제안 제목은 열 수 있습니다.

<form> 태그 이벤트

onreset : 재설정 버튼을 클릭했을 때 onreset 이벤트가 발생합니다.

onclick : 마우스 클릭에서 스크립트가 실행됩니다.

ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.

onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.

onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.

onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.

onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.

onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.

onkeypress : 키를 누르면 스크립트가 실행됩니다.

onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.

onkeyup : 키가 누른후에 스크립트가 실행됩니다.

'HTML 태그' 카테고리의 다른 글

HTML <frameset> 태그 프레임 셋 정의 태그(Frameset Definition) - HTML <frameset> 태그는 프레임의 집합을 정의합니다. (0)	2012.09.17
HTML <frame> 태그 창 지역 태그(Window Region) - <frame> HTML 태그는 프레임에 창 (프레임)을 정의합니다. (0)	2012.09.17
HTML <footer> 태그 페이지의 바닥글 태그(Footer of the page) - HTML5의 태그이며 바닥 글 태그는 섹션 또는 문서의 바닥 글을 나타냅니다. (0)	2012.09.17
HTML <font> 태그 글꼴 정의 태그(Font Definition) - <font> HTML 태그는 웹페이지의 텍스트 글꼴을 지정하는 데 사용됩니다. (0)	2012.09.17
HTML <figure> 태그 선택 캡션 그림 태그(Figure with optional caption) - HTML <figure> 태그는 주석을 그림, 다이어그램, 사진, 코드 목록을 정의합니다. (0)	2012.09.17