HTML <form> 태그 사용자 입력 양식 태그(Form for User Input) - HTML의 <form> 태그는 사용자 입력을 위한 웹페이지를 만드는 데 사용됩니다.
HTML 태그 2012. 9. 17. 23:41HTML <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> 관련 태그
<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 태그' 카테고리의 다른 글
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
