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 インスタンス オブジェクトでプロトタイプ メソッドをオーバーライドする方法の詳細

推薦する

Linux ログ表示方法 6 つのまとめ

バックエンド プログラマーは、さまざまな場所で Linux を扱います。Linux ログの読み方がわ...

CSS3で実装されたサムネイルホバー効果

成果を達成する実装コードhtml <ヘッダー> <h1><em>...

JavaScript によるダイナミッククリスマスツリーの詳細な説明

目次1. CSS のみを使用して作成したアニメーションのクリスマスツリー2. CSS のみを使用して...

フロントエンドの面接でよく聞かれる JavaScript の質問の完全なリスト

目次1. 手書きのインスタンス2.配列のマップメソッドを実装する3. Reduceは配列のmapメソ...

https暗号化アクセス用にnginxを設定するための詳細なチュートリアル

環境: 1 CentOS Linux リリース 7.5.1804 (コア)ファイアウォールと sel...

MySQL の innodb_flush_log_at_trx_commit と sync_binlog を区別する方法

2 つのパラメータ innodb_flush_log_at_trx_commit と sync_bi...

一般的なフロントエンドJavaScriptメソッドのカプセル化

目次1. 値を入力し、そのデータ型を返す** 2. アレイ重複排除3. 文字列の重複排除4. ディー...

MySQLカスタム関数の簡単な使用例

この記事では、例を使用して MySQL カスタム関数の使用方法を説明します。ご参考までに、詳細は以下...

JavaScript 組み込みオブジェクトの概要

目次1. 組み込みオブジェクト2. 数学オブジェクト1. Mathオブジェクトの使用2. 指定された...

MySQL で時刻と日付の型を保存する際の選択問題を分析する

一般的なアプリケーションでは、timestamp、datetime、int 型を使用して時間形式を保...

JavaScript を使用して userAgent を通じていくつかの一般的なブラウザを判別する方法

序文通常、h5 ページを作成するときは、WeChat、QQ、Weibo などのエコシステム内でトラフ...

JavaScript ベースの Web 計算機の実装

この記事では、ウェブ計算機のマインスイーパゲームを実装するためのJavaScriptの具体的なコード...

MySQL マルチインスタンス構成のアプリケーションシナリオ

目次MySQL 複数インスタンスマルチインスタンスの概要マルチインスタンスとは何ですか?複数のインス...

スタイル属性 (element.style) で定義されたインライン スタイルを削除する方法

Magento を頻繁に変更する場合、element.style に遭遇することがあります。 これは...

Alpine イメージに Ansible サービスを追加する方法

apk add ansible を使用して、alpine イメージに ansible サービスを追加...