1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!-- 현재 작성하고 있는 파일은 UTF-8 DOS파일입니다.-->
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
  4.   <head>
  5.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.   </head>
  7.   <body>
  8.     &lt;form&gt; - &lt;button&gt; 사용법<br />
  9.     <b>&lt;button&gt; 클릭 할 수있는 버튼을 정의합니다.</b><br /><br />
  10.     ( 속성- type, value, disabled, name ) <br />
  11.     ( HTML5추가 속성-formaction, formenctype, formmethod, formtarget <br />
  12.     <span style="padding-left:140px;"></span>-> 브라우저가 덜 지원하는 속성 <br />
  13.     <span style="padding-left:140px;"></span>form, formnovalidate, autofocus ) <br />
  14.     <br />
  15.     &lt;button&gt; 텍스트 나 이미지와 같은 내용을 넣을 수 있습니다. <br />
  16.     이것은 &lt;input&gt; 요소 생성 버튼 사이의 차이입니다. <br />
  17.     &lt;button&gt; 태그는 직접 해보셔야 이해가 빠릅니다. <br />
  18.     <br />
  19.     <hr />
  20.     <div id="ex_view2">
  21.    
  22.       <style type="text/css">
  23.       <!--
  24.        .button_atte_value{ border-collapse:collapse; }
  25.        .button_atte_value th{ text-align:left; }
  26.        .button_atte_value td{ padding-left:10px; }
  27.       -->
  28.       </style>
  29.       <form name="button_type" id="button_type" method="post" >
  30.       <!-- 예제 박스에선 안됨 => form태그안에 form태그있으면 지워짐~ㅠ.ㅠ -->
  31.    <p><b>예제 - &lt;button&gt;속성 type값 리스트</b></p>
  32.    <table border=1 class="button_atte_value">
  33.    <tr>
  34.    <th>&lt;button</th><td>
  35.    <button name="atte_type">기본</button></td>
  36.       </tr>
  37.    <tr>
  38.    <th>&lt;button type="button"=></th><td>
  39.    <button type="button" name="atte_type_button">type=버튼</button></td>
  40.       </tr>
  41.    <tr>
  42.    <th>&lt;button type="submit"=></th><td>
  43.    <button type="submit" name="atte_type_submit">type=폼보냄</button></td>
  44.       </tr>
  45.    <tr>
  46.    <th>&lt;button type="reset"=></th><td>
  47.    <button type="reset" name="atte_type_reset">type=폼리셋</button></td>
  48.       </tr>
  49.       </table>
  50.    <p><b>예제 - &lt;button&gt;속성 value값 </b></p>
  51.    <table border=1 class="button_atte_value">
  52.    <tr>
  53.    <th>&lt;button</th><td>
  54.    <button name="atte_type_value" value="value">value값은 버튼 자체가 양식을 전송하는데 사용된 경우,<br /> 
  55.    폼에서 단추와 해당 값은 제출됩니다.</button></td>
  56.       </tr>
  57.       </table>
  58.    <p><b>예제 - &lt;button&gt;속성 disabled값 리스트</b></p>
  59.    <table border=1 class="button_atte_value">
  60.    <tr>
  61.    <th>&lt;button disabled=></th><td>
  62.    <button disabled name="atte_disabled">버튼 사용 금지</button></td>
  63.        </tr>
  64.       </table>
  65.       <p><b>예제 - &lt;name&gt;속성(이름지정)이건 생략...무진장 썼기 때문<br /></b></p>
  66.       </form>
  67.     </div>
  68.   </body>
  69. </html>

--------------------------------------------------------------------------------------------

위 소스 예제 보기


<button></button>


<button> 클릭 할 수있는 버튼을 정의합니다.

속성-type, value, disabled, name

HTML5추가 속성-formaction, formenctype, formmethod, formtarget 

                        브라우저가 덜 지원하는 속성(HTML5추가 속성)

                        form, formnovalidate, autofocus


위 소스에서는 HTML5추가 속성은 생략했습니다.

그외 XHTML 소스의 예제는 위에서 보기로 보시고

아래 버튼 클릭하시면 설명이 나옵니다.

태그 속성 보기(접어두었습니다.)


Global Attributes 지원합니다.


댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

◀ PREV | 1 | ··· | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | ··· | 356 | NEXT ▶

BLOG main image

공지사항

카테고리

분류 (356)
main (1)
php5 (218)
HTML (36)
javascript (93)
IT 이론과 퍼온정보 (8)
깨작일상 (0)
곧 추가할 내용 (0)
추후 알아볼것들... (0)

최근에 받은 트랙백

달력

«   2021/11   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        
Total : 385,018
Today : 3 Yesterday : 95