HTML フォームのフォーム要素についての包括的な理解

次のエディターは、HTML フォームのフォーム要素を包括的に理解するのに役立ちます。編集者はこれがとても良いと思ったので、参考として共有します。エディターに従って次の内容を見てみましょう:

xml コード

コンテンツをクリップボードにコピー & lt;! /EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

> ;html xmlns

=

"http://www.w3.org/ 1999/xhtml"

>
<

2. 頭

>

3. <タイトル> 登録フォーム

タイトル

4. >

頭

5. > <胴体> <

フィールドセット

6. スタイル="width= 800px 「>

<

7. legend>以下の情報を入力して登録してくださいlegend

>

8. ボーダー="1px " bordercolor =

   "黒"
9. align

   ="center" width="600px"> >

10. td align=「右」>ユーザー名:

11. td

    >

12. <td><input type="text" size= 「20」 スタイル=「幅:150px」 />td>

13. tr>

14. <tr>

15. <td align="right">密码:td>

16. <td><input type=「パスワード」 size= 「20」 スタイル=「幅:150px」 />td>

17. tr>

18. <tr>

19. <td align="正しい">确认密码:td>

20. td> ;<input type="password" size="20" style="width:150px" />TD >

21. tr>

22. tr>

23. inputttype= "radio" >男性ラジオ" 名前="性別1" 値=

    "女"
24. />

    <tr

    >

25. 選択してください）：＆lt;/td＆gt;＆gt;＆lt; CSS 経由 --> >

26. <input type=「ラジオ」 チェック済み=「チェック済み」 名前="性別2" 値="男" id= 「男」 />

27. <ラベル for=「男」>男ラベル>

28. <

    input type=「ラジオ」 名前=「性別2」 値=「女」 id=「女性」 />

29. <

    label for="女性">女label> ;

30. フィールドセット> ;

31. td>
32. tr >

33. <

    tr>

34. <

    td align=「右」>城市:td>

35. <

    td>

36. <

    選択 名前=「都市」>

37. <

    オプション 値="北京">北京オプション>

38. t; ="上海">上海オプション>

39. 値="南昌「 選択=」 "選択済み">南昌オプション>

40. ;/select > ;＆lt;td＆gt; ; 朝陽区

    オプション
41. >

42. ＆gt;value = "その他の領域"＆gt; optgroup

    label
=
43. "南昌"

    > 値="东湖区">东湖区オプション

    >

44. オプション

    >

45. < オプション value="青山湖区">

    青山湖区

オプション> d > 「そうです」

46. >

    デートのターゲット:td> ;

47. 名前="ターゲット" サイズ=

    "3"
48. 複数

    ="複数"> =「仲間」 選択済み=「選択済み」 >一緒に来てくださいオプション>

49. >普通のお友達オプション > オプション >

選択

50. > tr> >

51. > td> lt;!--チェックボックス、名前属性の設定が同じであることに注意してください、グループ化-->

52. /＆gt;football青いボール <input type=「チェックボックス」 name=「love」 value

    =
「卓球」

53. />卓球td> > 「

    >
写真アップロード:
54. td」 > -> />

>

55. >

56. > >

57. td>

    >

58. 整列

    =
"center"

59. type="image" src="../images/ btnreg.png" onclick="alert('hello')" /> < !- - デモ画像ボタン (送信と同様にデータを送信します)

60. ;

63. テーブル>

64. フィールドセット> > ;

65. body >

    役に立ちます。PHP 中国語 Web サイトをサポートしてください~
66. HTML フォーム要素の詳細については、関連記事を包括的に理解するために PHP 中国語 Web サイトに注目してください。 ！