XHTML 入門チュートリアル: フォーム タグ

XHTML 入門チュートリアル: フォーム タグ
<br />フォームはユーザーが情報を送信するための重要なチャネルです。このセクションでは、フォームの基本を紹介します。 フォームタグ <form>
フォームは <form> タグで始まります。ユーザーは、ウェブサイトのメンバーとして登録したり、投票したりするためのフォームを必要とします。もちろん、XHTML だけではこれらのフォームを処理することはできません。これらのフォームを処理するには、PHP や ASP などの Web バックエンド テクノロジを使用する必要があります。 (ちなみに、小彩鳥の背景はまだ緑色です。)
以下に、2 つの一般的なフォーム要素を紹介します。1. テキスト ボックス <form> 名前: <inputtype="text" name="user"/><br/></form>
名前:

2. パスワード ボックス <form> 名前: <inputtype="password"name="pass"/><br/></form>
パスワード:


ご覧のとおり、両方のフォーム要素で <input> タグが使用されていますが、パスワード ボックスに入力されたコンテンツは表示されません。それらの異なるタイプを決定するのは、<input> タグの "type" 属性の属性値です。たとえば、text はテキスト ボックスであり、password はパスワードです。 <imput> タグも空のタグであることに気づいたはずです。彼はタグを終了しませんでした。 XHTML の要件に準拠するには、最後に「/」を追加することを忘れないでください。
単一選択や複数選択など、よく使用されるフォーム要素はたくさんありますが、現在フォームを処理できないため、フォームの意味を理解することができません。なのでここでは紹介しません。今後バックエンド技術を学んでいけば、Webサイト構築におけるフォームの役割は自然と理解できるようになります。

<<:  MySQLは現在の日付と時刻を取得する関数の例の詳細な説明

>>:  JavaScript インスタンス オブジェクトでプロトタイプ メソッドをオーバーライドする方法の詳細

推薦する

MySQL のデータ削除とデータ テーブル メソッドの例

MySQL でデータやテーブルを削除するのは非常に簡単ですが、削除するとすべてのデータが消えてしまう...

Vueプロジェクトでパラメータジャンプ機能を実装する

ページの説明:​ メインページ: 名前 —> shishengzuotanhuichaxun ...

Linux mpstat コマンドの使用方法の詳細な説明

1. mpstatコマンド1.1 コマンド形式 mpstat [ -A ] [ -u ] [ -V ...

MySQL 5.7.11 zip インストールと設定方法のグラフィックチュートリアル

1. MySQL 5.7.11 zipインストールパッケージをダウンロードするこのマシンはwin7 ...

VUEは登録とログインの効果を実現します

この記事の例では、登録とログインの効果を実現するためのVUEの具体的なコードを紹介します。具体的な内...

タグのターゲットリンクを iframe に向ける方法

コードをコピーコードは次のとおりです。 <iframe id="myFrameId&...

CSS 要素で計算されたスタイルを取得します (カスケード/最終スタイル後)

CSS 要素内の計算されたスタイル (つまり、カスケード後の最終的なスタイル) を取得するには、W3...

VMware仮想マシンにLinux(CentOS)をインストールするための詳細な構成手順

CentOS7をダウンロード私がダウンロードしたイメージはCentOS-7-x86_64-DVD-1...

Centos8 に nginx をインストールするための詳細なチュートリアル (画像とテキスト)

Nginx (「エンジン エックス」と発音) は、インターネット上の最大規模のサイトの負荷を処理す...

なぜ IE6 が最も多くの人に使用されているのでしょうか?

まず第一に、私はウェブデザイナーです。具体的には、私は XHTML フロントエンド デザイナーです。...

テーブルを作成するための MySQL SQL ステートメントの詳細な概要

mysql テーブル作成 SQL ステートメントMySQL テーブルを作成するための一般的な SQL...

MySQL最新バージョン8.0.17解凍版インストールチュートリアル

個人的にはインストール版よりも解凍版の方がインストールしやすいと思います。早速、解凍版のインストール...

Docker ビルド kubectl イメージ実装手順

プログラムサービスがgitlab ci/cdと統合されたk8sを使用してデプロイされている場合、gi...

Nodejs と Socket.IO を組み合わせて Websocket の即時通信を実現

目次WebSocketを使用する理由ソケット.ioオープンソースプロジェクト効果プレビューアプリイン...