>  기사  >  웹 프론트엔드  >  HTML 양식 양식 요소에 대한 포괄적인 이해

HTML 양식 양식 요소에 대한 포괄적인 이해

高洛峰
高洛峰원래의
2017-02-10 10:33:34946검색

다음 편집기는 HTML 양식 양식 요소에 대한 포괄적인 이해를 제공합니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 다음과 같이

살펴보겠습니다.


XML/ HTML 코드클립보드에 콘텐츠 복사

  1. >

  2. <html xmlns="http://www.w3.org/1999/xhtml " >

  3.  

    <제목>등록 양식< /

  4. 제목
  5. > 본문>

  6. <
  7. 양식 action="DoFormAction.htm">

  8. < FieldSet STYLE =

    "너비 = 800px"
  9. & gt;

    & lt;! 테두리--> <전설

    >

  10. 아래 정보를 입력 후 진행해주세요 회원가입
  11. legend> 🎜> 셀 간격="0px" 셀 패딩
  12. =
  13. "6px"

    테두리="1px " 테두리 색상="검정색" 정렬="가운데"

    너비
  14. =
  15. " 600px "

    >                                           > 🎜>>                                         

  16.                <td><입력  유형="텍스트" 크기="20" 스타일="너비:150px" />td>  

  17.             < /tr>  

  18.            <tr> ;  

  19.                <td 정렬="오른쪽">密码:td>                                      <--密码框-- >  

  20.                 <td><입력 유형="비밀번호" 크기="20" 스타일="너비:150px" />td>  

  21.              tr>  

  22.            <tr>  

  23.                <td 정렬="오른쪽" >确认密码:td>  

  24.                 <td><입력 입력="비밀번호" 크기="20" 스타일="너비:150px" /> td>  

  25.             tr>  

  26.            <tr>  

  27.                                                             :td> 🎜>                                                                                            🎜><입력 유형="라디오" 선택됨="선택됨"

  28. 이름
  29. =

    "sex1" ="남성" />

    남성
  30. 입력 유형="라디오" 이름="sex1" ="여자" />여성                        🎜>>

  31. >  <tr>  <td align=

    "right"
  32. >

    성별(텍스트를 클릭하여 선택할 수 있음): td> 

  33.                           fieldset

    스타일
  34. =
  35. "너비:150px"

    >                                                                                                                 범례 >

    성별을 선택해주세요
  36. < ;/
  37. 전설>

  38.                        <입력 유형="라디오" 선택="확인됨" 이름="sex2" ="男" id= "남자" />  

  39.                      <라벨 ="남자">라벨>  

  40.                       <입력 유형="라디오" 이름= "sex2" ="여자" id="여자" />  

  41.                       <라벨 for="여성">여자라벨>  

  42.                   fieldset>  

  43.               td>  

  44.             tr>  

  45.             < ;tr>  

  46.                <td align ="오른쪽">성시:td>                                    

  47.                <td>  

  48.                    <선택 이름="도시">  

  49.                       <옵션 ="北京"> 북경옵션>  

  50.      <옵션 ="심천">심천 옵션> 🎜 >

  51. =
  52. "상하이"

    >상하이옵션>  <옵션

  53. =
  54. "난창"

    선택됨="선택됨">난창< ;/옵션> < !--기본적으로 난창이 선택되어 있습니다-->                                           🎜>  

  55. td
  56. >   

  57. tr
  58. > >>                                                                          

    >
  59. 시 지역:
  60. td> ><td

  61. >
  62. >이름="지역"

    >
  63. tgroup
  64. 레이블="베이징" >                                                            옵션 ="조양구" >

    조양구
  65. 옵션>

  66. <옵션 ="하이뎬구"> 해정구옵션> 🎜>옵션

  67. =

    "기타 지역" >기타 지역옵션 >                                🎜> >> lt;옵션

  68. =

    "동호 지구">동호 구역옵션

  69. >

  70. 🎜>= "西湖区">西湖区

  71. 옵션
  72. > 🎜> & gt; & lt;/ 옵션 & gt; > optGroup & gt;

  73.                                     🎜>

                                                           tr> >>

  74.                                   

    & gt;친구 대상:td>

  75. <td>

  76. <선택 이름="대상" 크기="3" 여러 ="다중">                                             <

    옵션
  77. ="동료" 선택됨="선택됨"> ;동반옵션> 🎜>옵션 ="평범한 친구">

    평범한 친구
  78. 옵션 >                                 🎜>>연인옵션 >

  79. 선택> 🎜>> 🎜> <

    tr
  80. >

     <

    td
  81. align

    ="right">취미 :

    td
  82. >

                                              >

  83.  <입력 유형="체크박스" 이름="사랑" 가치="축구" />축구

  84. <입력 유형="체크박스" 이름="사랑" ="파란 공" />파란 공

  85. <입력 유형="체크박스" 이름="사랑" ="탁구" />탁구

  86. >

     tr

  87. >

  88.  

     <tr

  89. >

  90. 🎜>align="right"

    >
  91. 사진 업로드:
  92. td>                                                                                        = "파일" 이름="myPic" />
  93. >< /td>

  94. >

  95.                                                               소개:td> >

                               
  96. <--여러 줄 텍스트 상자-->
  97.                 <텍스트 영역

  98. =

    "5"

    =
  99. "50"
  100. >                                                                                   >tr>

  101. ;

                                                             >colspan="2"

  102. >
  103. 입력="제출"

  104. =

    "확인" />

     
  105. <
  106. 입력 유형="재설정"

    =
  107. "지우기 "
  108. />  <입력입력="이미지" src

    =
  109. "../images/btnreg.png"
  110. 클릭 ="alert('hello')" />

  111.    td >                        

  112. 테이블> >fieldset

  113. >

    🎜>

  114. > ;

    html>

  115. 위는 편집자가 가져온 HTML Form입니다. 이것은 모두 Form 요소에 대한 포괄적인 이해의 내용입니다. PHP 중국어 웹사이트를 지원해 주시기 바랍니다.

    HTML 양식 양식 요소를 완전히 이해하기 위한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.