HTMLはフォームタグを使用して登録ページのサンプルコードを実装します。

HTMLはフォームタグを使用して登録ページのサンプルコードを実装します。

ケースの説明:

- ページ効果を実現するためにテーブルを使用する
- ハイパーリンクを機能させたくない場合は、href="#" を使用します。
- 表のセルにコンテンツがない場合は、スペースをプレースホルダーとして使用します。
- 画像タグ <input type="image" src="image path"/> を使用してフォームを送信します。

完全なコード:

<html>
    <ヘッド>
        <title>世界</title>
    </head>
    <本文>
        <フォームアクション="01-hello.html" メソッド="投稿">
            <h3 align="center">このページへようこそ! </h3>
            <テーブルの幅="100%">
                <tr>
                    <td align="right">登録メールアドレス:</td>
                    <td><input type="text" name="regit"/></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><a href="#">携帯電話番号</a>または<a href="#">アカウント</a>を使用して登録することもできます</td>
                </tr>
                <tr>
                    <td align="right">パスワードを作成:</td>
                    <td><input type="password" name="pwd"/></td>
                </tr>
                <tr>
                    <td align="right">本名:</td>
                    <td><input type="text" name="実名"/></td>
                </tr>
                <tr>
                    性別:
                    <td>
                        <input type="radio" name="sex" value="famale"/>女性<input type="radio" name="sex" value="male"/>男性</td>
                </tr>
                <tr>
                    <td align="right">誕生日:</td>
                    <td>
                        <名前"年"を選択">
                            <option value="1997"/>1997
                            <オプション値="1998"/>1998
                            <オプション値="1999"/>1999
                        </select>年<名前を選択"月">
                            <オプション値="01"/>01
                            <オプション値="02"/>02
                            <オプション値="03" 選択="選択済み"/>03
                        </select>月<select name"日">
                            <オプション値="20"/>20
                            <オプション値="21"/>21
                            <オプション値="22"/>22
                        </select>日</td>
                </tr>
                <tr>
                    <td align="right">私は今:</td>
                    <td>
                        <名前を「今すぐ」選択>
                            <option value="study"/>現在勉強中<option value="1998"/>すでに働いている</select>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><img src="images/verycode.png"/><a href="#">よく見えませんか? 変更しますか? </a></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><input type="image" src="images/btn.png"></td>
                </tr>
            </テーブル>
        </フォーム>
    </本文>
</html>

要約する

上記は、HTML フォーム タグを使用して登録ページを実装する方法のサンプル コードです。お役に立てれば幸いです。ご質問がある場合は、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<:  Vue プロジェクトにおけるトランジション コンポーネントの適用の概要

>>:  W3C標準に準拠したHTML標準で注意すべき点を詳細に解説

推薦する

HTML で JavaScript を使用する

<script> タグHTML5では、スクリプトには次の属性があります: async、d...

MySql におけるプロセス制御関数/統計関数/グループ化クエリの使用法の分析

これからの道のりは長く困難ですが、私は探求を続けます。また週末がやってきました。引き続き、皆さんと一...

CSSはボックスコンテナ(div)の高さを常に100%に設定します。

序文ブラウザをどのようにズームしても、ボックス コンテナーの高さを常に 100% に保つ必要がある場...

MySQL の on と where における左結合設定条件の使用法の違いの分析

この記事では、MySQL の左結合における on 条件と where 条件の使用法の違いを例を使って...

JavaScript配列重複排除の詳細な説明

目次1. アレイ重複排除2. 配列内のオブジェクトの重複排除3. 配列内の同じフィールドに基づいて別...

HTML+CSSは、要素の位置までスクロールして読み込みアニメーション効果を表示します。

要素までスクロールするたびに読み込みアニメーションを追加するにはどうすればよいですか?初期パラメータ...

Docker で Ubuntu に Python3 と Pip をインストールする際の問題

文章1) Ubuntuイメージをダウンロードする docker プル Ubuntu 2) 画像を見る...

image/x-png の ContentType について

これにより、png ファイルのアップロードも不可能になりました (後で情報を調べたところ、レジストリ...

スプレッド演算子のサンプルコードと JavaScript での応用

スプレッド演算子を使用すると、式をある時点で展開できます。スプレッド演算子は、複数のパラメーター (...

MYSQL マスタースレーブ レプリケーションの知識ポイントの概要

単一の MYSQL サーバーが現在の Web サイトのトラフィックに対応できない場合の最適化ソリュー...

Linux /etc/network/interfaces 設定インターフェース方法

Linux の /etc/network/interfaces ファイルは、ネットワーク インターフ...

jQueryで劇場の座席選択と予約の効果を実現

jQueryは劇場の座席選択と予約の効果を実現します。参考までに、具体的な内容は次のとおりです。効果...

IE 8/Chrome/Firefox と互換性のあるコメント返信ポップアップマスク効果実装アイデア

平日はニュースに注目して、テンセントをよく閲覧しています。しかし、コメントへの返信はほとんど見られま...

js、css、htmlはブラウザのさまざまなバージョンを決定します

正規表現を使用してIEブラウザのバージョンを判別するIEブラウザかどうか確認するif (docume...

イントラネット侵入を実現するためのSSHポート転送

LAN 内のマシンは外部ネットワークにアクセスできますが、外部ネットワークは内部ネットワークにアクセ...