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

推薦する

Kubernetes の応用分野の概要

Kubernetes は、アプリケーションの移植性とハイブリッド クラウド/マルチクラウドの展開をサ...

JavaScript でドラッグ可能なプログレスバーを実装する

この記事では、ドラッグ可能なプログレスバーを実装するためのJavaScriptの具体的なコードを参考...

JavaScriptはすべての選択と選択解除の操作を実装します

この記事では、JavaScriptで全選択と全選択解除の操作を実装するための具体的なコードを参考まで...

Windows で MySQL のルート パスワードを忘れた場合にリセットする方法

私のマシン環境: Windows 2008 R2 MySQL 5.6 Baidu で「Windows...

LinuxでのDNSサーバーの設定の詳細な説明

1. DNSサーバーの概念インターネットでの通信には IP アドレスの助けが必要ですが、数字に対する...

Linux に起動方法を追加する (サービス/スクリプト)

システムの起動時に読み込む必要がある設定ファイル/etc/profile、/root/.bash_p...

携帯電話番号の真ん中の4桁を隠すMySQL SQL文の方法

最初のクエリ テーブル構造 (sys_users): sys_users から * を選択します。最...

10分で始めるCSS3アニメーション

導入アニメーションを使用すると、JavaScript や jQuery に依存せずに、純粋な CSS...

アクセス速度を上げるためにウェブサイトを最適化する方法の更新

最近、同社はitpubを皮切りに、コーポレートウェブサイト傘下の全サイトの評価を開始した。そのために...

ブラウザの自動更新を実装するReactサンプルコード

目次フロントエンドルーティングとは何ですか?フロントエンドルーティングを実装するにはどうすればいいで...

CocosCreator 一般的なフレームワーク設計リソース管理

目次Cocos Creator のリソース管理に関する問題リソースの依存関係リソースの使用レスローダ...

MySQL で自動インクリメントシーケンスを実装するためのサンプルコード

1. シーケンステーブルを作成する テーブル `sequence` を作成します ( `name` ...

HTML 画像 img タグ_Powernode Java アカデミー

まとめプロジェクトの説明形式<img src="..."> H2+ ...

MySQL 5.7 でデータベースのデータ保存場所を変更する方法

MySQL データベースに保存されるデータが徐々に増加すると、元のストレージ領域がいっぱいになり、M...