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

推薦する

Linux での nginx のインストール、展開、使用方法の詳細な説明

目次1. ダウンロード2. 展開3. Nginxログ関連の設定4. ファイルダウンローダーとして n...

VMware に Linux システム (Redhat8) と仮想マシンのネットワーク構成をインストールする方法

目次1. VMwareをインストールする1.1 VMwareworkstationsをダウンロードし...

vue3.0共通コンポーネントの自動インポート方法の例

1. 前提条件インポートには require.context メソッドを使用します。vite で作成...

Docker の 4 つのネットワーク タイプの主な例

4 つのネットワーク タイプ:なし: コンテナのネットワーク機能を一切設定しません。--net=no...

CSS でのシングル div 描画テクニックの実装

純粋な HTML + CSS を使ってドラえもんの絵を描くなど、CSS 描画に関する記事をよく見かけ...

知っておくべきHTML最適化テクニック

Web ページのパフォーマンスを向上させるために、多くの開発者は、JavaScript、画像の最適化...

ウェブレッスンプラン、初心者向けレッスンプラン

指導トピックウェブページ適用グレード高校2年生授業時間1 クラス教科書分析焦点: 静的および動的ウェ...

Hbase 入門

1. HBaseの概要1.1 HBaseとはHBase は、高い信頼性、高いパフォーマンス、列ストレ...

Vue Element フロントエンドアプリケーション開発の動的メニューとルーティングの関連付け処理

目次概要1. メニューとルーティング処理2. メニューとルートリスト3. ログインプロセスの処理概要...

マウスを置いたときに半透明効果のテキスト説明を実現するための純粋な CSS (初心者は必読)

効果は以下のとおりです。 例1 例2:例1[結婚式の計画]を例にとるHTML: <div cl...

Linux システムで IPv6 をサポートするように Nginx を設定する方法

1. 既存のnginxがipv6をサポートしているかどうかを確認する既存の nginx が ipv6...

tdが空の場合に境界線を表示する方法

以前、CSS を使用してテーブルの border + bordercolordark + borde...

Linux+ApacheサーバURLの大文字と小文字の区別の問題を解決する

今日、問題が発生しました。ブラウザのアドレスバーにURLアドレスを入力する際、ページを正常にアクセス...

JS クロスドメイン XML - AS URLLoader を使用

最近、機能拡張の要件を受け取りました。ただし、新しい要件で参照されているデータインターフェイスは、X...