ホームページ > 記事 > ウェブフロントエンド > HTML フォームのフォーム要素についての包括的な理解
HTML フォームのフォーム要素についての包括的な理解
- 高洛峰オリジナル
- 2017-02-10 10:33:34896ブラウズ
次のエディターは、HTML フォームのフォーム要素を包括的に理解するのに役立ちます。編集者はこれがとても良いと思ったので、参考として共有します。エディターに従って次の内容を見てみましょう:
xml コード
> ;html xmlns
="http://www.w3.org/ 1999/xhtml"
- >
-
頭
>-
<タイトル> 登録フォーム
タイトル >
頭> <胴体> <
フィールドセット-
スタイル="width= 800px 「>
< legend>以下の情報を入力して登録してくださいlegend
>-
ボーダー="1px " bordercolor =
"黒" - align
="center" width="600px"> >
td align=「右」>ユーザー名:
- td
>
<td><input type="text" size= 「20」 スタイル=「幅:150px」 />td>
tr>
<tr>
<td align="right">密码:td>
<td><input type=「パスワード」 size= 「20」 スタイル=「幅:150px」 />td>
tr>
<tr>
<td align="正しい">确认密码:td>
td> ;<input type="password" size="20" style="width:150px" />TD >
tr>
tr>
inputttype= "radio" >男性ラジオ" 名前="性別1" 値=
"女"- />
<tr
> 選択してください）：＆lt;/td＆gt;＆gt;＆lt; CSS 経由 --> >
<input type=「ラジオ」 チェック済み=「チェック済み」 名前="性別2" 値="男" id= 「男」 />
-
<ラベル for=「男」>男ラベル>
- <
input type=「ラジオ」 名前=「性別2」 値=「女」 id=「女性」 />
- <
label for="女性">女label> ;
- フィールドセット> ;
- td>
- tr >
- <
tr>
- <
td align=「右」>城市:td>
- <
td>
- <
選択 名前=「都市」>
- <
オプション 値="北京">北京オプション>
t; ="上海">上海オプション>
-
値="南昌「 選択=」 "選択済み">南昌オプション>
;/select > ;＆lt;td＆gt; ; 朝陽区
オプション- >
-
＆gt;value = "その他の領域"＆gt; optgroup
label = - "南昌"
> 値="东湖区">东湖区オプション
> オプション
>-
< オプション value="青山湖区">
青山湖区 - >
デートのターゲット:td> ;
名前="ターゲット" サイズ=
"3"- 複数
="複数"> =「仲間」 選択済み=「選択済み」 >一緒に来てくださいオプション>
-
>普通のお友達オプション > オプション >
選択 -
> tr> >
> td> lt;!--チェックボックス、名前属性の設定が同じであることに注意してください、グループ化-->
-
/＆gt;football青いボール <input type=「チェックボックス」 name=「love」 value
= 「卓球」 -
/>卓球td> > 「
> 写真アップロード: - td」 > -> /> >
-
>
-
> >
-
td>
> -
整列
= "center" -
type="image" src="../images/ btnreg.png" onclick="alert('hello')" /> < !- - デモ画像ボタン (送信と同様にデータを送信します)
;
- テーブル>
- フィールドセット> > ;
-
body >
役に立ちます。PHP 中国語 Web サイトをサポートしてください~ - HTML フォーム要素の詳細については、関連記事を包括的に理解するために PHP 中国語 Web サイトに注目してください。 ！
オプション> d > 「そうです」