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標準で注意すべき点を詳細に解説

推薦する

vue backtop コンポーネントを実装するための完全なコード

効果: コード: <テンプレート> <div class="back-t...

Centos 用の rpm パッケージのカスタマイズと yum リポジトリの構築に関するチュートリアル

1 yumでソフトウェアをインストールしたときにダウンロードしたrpmパッケージを保存しますyum ...

VMware + Ubuntu18.04 による Hadoop クラスタ環境の構築に関するグラフィック チュートリアル

目次序文VMware クローン仮想マシン (準備、3 台の仮想マシンのクローン、1 台のマスター、2...

JavaScript排他的思考の具体的な実装

前回のブログで、Xiao Xiong は関連する要素の操作方法を更新しましたが、同じ要素のグループが...

202 無料の高品質 XHTML テンプレート (2)

前回の記事「202 個の無料高品質 XHTML テンプレート (1)」に続き、123WORDPRES...

デカルト積原理を使用してMySQLで複数のテーブルをクエリする方法を簡単に説明します。

MySQL マルチテーブルクエリ (直積原理)まず、データが使用するテーブルを決定します。デカルト...

Nginx が Apache より優れている理由

Nginx は、わずか数年で Web サーバー市場の大部分を占めるようになりました。周知のとおり、N...

MySQL で誤って削除したテーブル データを回復する方法 (必読)

バックアップがあれば、非常に簡単です。最新のバックアップ データを生成し、mysqlbinlog を...

Vueカスタムディレクティブの詳細

目次1. 背景2. ローカルカスタム指示3. グローバルカスタム指示4.1 カスタムコマンドフック関...

Vueカスタムテーブル列実装プロセス記録

目次序文レンダリングsetTable コンポーネント使用結論序文フォームを使用して PC 側のプロジ...

HTML tbody の使用

構造化テーブル (IExplore のみ) 1) 行ごとにグループ化<thead> .....

jQuery ベースのカレンダー効果

この記事では、カレンダー効果を実現するためのjQueryの具体的なコードを例として紹介します。具体的...

MYSQL updatexml() 関数のエラーインジェクション分析

まず、updatexml()関数を理解する UPDATEXML (XML ドキュメント、XPath ...

CUDA8.0とCUDA9.0はUbuntu16.04で共存します

序文Github にある以前のコードには、CUDA 8.0 環境が必要なものもあります。初心者の場合...