- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!-- 현재 작성하고 있는 파일은 UTF-8 DOS파일입니다.-->
- <html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- </head>
- <body>
- <form> - 폼 양식 속성 설명<br />
- 폼 양식 관련 태그 리스트<br />
- <input>, <textarea>, <button>, <br />
- <select>, <option>, <optgroup>, <br />
- <fieldset>, <label> <br />
- <br />
- <hr />
- <b><form> : 사용자 입력을위한 HTML 양식을 생성하는 데 사용됩니다.</b><br /><br />
- ( 속성-method, name, action, target, enctype, accept-charset, <br />
-
- accept, autocomplete, novalidate )<br />
- <br />
- <form> 과 폼 양식 관련 태그 리스트의 요소 하나 이상 포함합니다.<br />
- XHTML에서 name 속성은 더 이상 사용되지 않습니다.<br />
- 대신 글로벌 id 속성을 사용한다고 하는데 해보니 <br />
- 아직은 안되서 name과 id 같이 쓰는게 나을것 같습니다.<br />
- <form> 태그는 직접 해보셔야 이해가 빠릅니다. <br />
- <br />
- 또한 서버와 연동해서 데이터 처리하는 서버언어인 php, jsp, asp 중 최소 하나 아셔야 하며,<br />
- 입력한 데이터들을 서버DB에 저장하는 DB언어인 sql문(query)도 아셔야 하고,<br />
- javascript와 jquery를 아시면 화면 구성시 도움이 될 것 입니다.<br />
- <br />
- <hr />
- <div id="ex_view2">
- <p><b>예제 - 모양만 보여주기 위힌 화면(네이버 검색)</b></p>
- <!-- http://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&ie=utf8&query=%EB%82%A0%EC%94%A8&x=42&y=20 -->
- <script type="text/javascript" language="javascript">
- <!--
- /* 텍스트상자 클릭시 빈칸으로 초기화 */
- function naversearch_getfocus(){
- document.getElementById('query').value = "";
- }
- /* 버튼 클릭시 메세지 알림창 */
- function btn_click_massage(){
- alert("이르지 마셈 안되요~ㅋㅋ");
- }
- //-->
- </script>
- <form method="get" name="naversearch" id="naversearch" target="_blank" enctype="text/html" action="http://search.naver.com/search.naver" >
- <!-- 예제 박스에선 안됨 => form태그안에 form태그있으면 지워짐~ㅠ.ㅠ -->
- <input type="hidden" name="sm" value="top_hty.top" />
- <input type="hidden" name="where" value="nexearch" />
- <input type="hidden" name="ie" value="utf8" />
- 네이버 검색어 입력 : <input type="text" id="query" name="query" value="html이란" onfocus="naversearch_getfocus();" style="border-color:red; /><br />
- <input type="hidden" name="fbm" value="1" />
- <!-- type="button" 아닌 으로 해야함 type="submit" -->
- <!-- 여긴 안되니깐 type="button"으로...대충 빵꾸 -->
- <!-- <input type="submit" value="Submit"> -->
- <input type="button" value="Submit" onclick="btn_click_massage();">
- </form>
- </div>
- </body>
- </html>
--------------------------------------------------------------------------------------------
위 소스 예제 보기
<form> 사용자 입력을위한 HTML 양식을 생성하는 데 사용됩니다.
이건 확실한건 아니지만 참조사항으로 적어두는것입니다.
action이 안되어 있다면 디폴트로 현재 위치를 보는 것 같습니다.(input를 실험했지만 검증이 덜됨)
method는 get이 디폴드로 되어 있는 것 같은데....(input를 실험했지만 검증이 덜됨)
method, name, action, target, enctype, accept-charset,
accept, autocomplete, novalidate 속성은 아래 버튼 클릭하시면 설명이 나옵니다.
태그 속성 보기(접어두었습니다.)
'HTML > xhtml문법' 카테고리의 다른 글
<textarea></textarea> 여러 줄 텍스트 입력 (0) | 2014.01.22 |
---|---|
<form>-<input>, <input /> <label></label> 입력 필드 지정 (0) | 2014.01.22 |
<table> - 부가기능 태그들 사용법(<caption><colgroup><col><span><thead><tbody><tfoot>) (0) | 2014.01.22 |
<table>-<tr>-<th></th><td></td> 테이블 헤더셀과 기본셀 (0) | 2014.01.22 |
<table>-<tr></tr> 테이블 행 (0) | 2014.01.21 |