html ジャーニー入力フィールド control_html/css_WEB-ITnose
HTML を学習すると、多くのコントロールに遭遇します。入力フィールドと呼ばれるコントロールの種類があり、ユーザーが入力したデータを保持でき、HTML を通じてデータの送信方法や独自のスタイルを変更することもできます。
- -
このタイプのコントロールはテキストの形式で表示され、ユーザーが入力したテキスト データを直接伝送して送信できます。
1. フォーム: フォーム
主な属性は次のとおりです: アクション、メソッド (get および post)、タイプ、名前。
PS: get と post の違い1. Get は、サーバー、ポストとはサーバーにデータを転送することです。
2. Get は、送信されたフォームの ACTION 属性が指す URL にパラメーター データ キューを追加します。値はフォーム内の各フィールドに対応しており、URL で確認できます。 Post は、HTTP post メカニズムを使用して、フォームの各フィールドとそのコンテンツを HTML HEADER に配置し、それを ACTION 属性が指す URL アドレスに送信します。特にハイパーリンクがジャンプする場合、get メソッドは対応する URL アドレスを現在のページの URL に直接ロードして文字列接続を形成します。ポストプロセスはページに直接ジャンプし、アドレスバーの URL は一切変更されないため、ユーザーはこのプロセスを見ることができません。 3. get メソッドの場合、サーバー側は Request.QueryString を使用して変数の値を取得します。 post メソッドの場合、サーバー側は Request.Form を使用して送信されたデータを取得します。
4. 取得時のセキュリティは非常に低く、事後のセキュリティは高くなります。ただし、実行効率は Post メソッドよりも優れています。
2.text: テキスト ボックス
このコントロールでは、ID でコントロールを一意に識別し、name でコントロールの名前を設定でき、value でコントロールの値 (デフォルトまたは表示値) を設定でき、サイズを設定できます。テキスト ボックスの長さ、maxsize は最大長を設定します。以下のコードを使用して承認内容を要約します:
<span style="font-size:18px;"><html> <head> <title>演示text输入域</title> <!--设置该界面显示的标题 --> </head> <body> <h1>演示text</h1> <hr> <form action ="12.html" method="get"> 姓名：<input type="text"> <br> <!--默认类型为文本框，也可设置为text型 --> 年龄：<input type="text" name="age"><br> <input type="submit" value="保存"> </form> </body></html></span>
3.textarea: テキスト説明フィールド
その形状と機能は、大量のテキスト データを保存できる listBox コントロールに似ており、textarea は rows プロパティとcols プロパティを通じて行と列を設定できます。
2. ボタンの種類
1.reset
これは、VB プログラムで使用される「クリア」ボタンです。以前は、HTML の type 属性を設定するだけでクリア効果が得られました。 4 つの Button コントロールはすべて、type 属性の設定によって実装されます。Image は、VB の最も一般的なボタンである Image コントロールと同じです。
3. 選択の種類
1.radio: ラジオ ボタン
ラジオ ボタンを実現する前提は、すべてのラジオ ボタンの名前が一貫していることです。そうでない場合は、複数選択ボックスと同じ効果になります。
2.checkBox: チェックボックス
3.selected
これは、vs で使用されるコンボックス コントロールであるドロップダウン リスト コントロールです。デフォルトでは、ドロップダウン項目の 1 つだけを選択できますが、multiple 属性を設定すると、複数選択の効果を実現できます。入学時に習った「古い知識」ですが、html は VB の派生とも言え、個々の属性コントロールを変更することで同様の効果が得られます。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7364
15
1628
14
1353
52
1265
25
1214
29
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
Mar 04, 2025 pm 12:32 PM
公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか？この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース（写真、CSS、JSなど）やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、
WebページのPNG画像にストローク効果を効率的に追加する方法は？
Mar 04, 2025 pm 02:39 PM
この記事では、CSSを使用したWebページへの効率的なPNG境界追加を示しています。 CSSはJavaScriptやライブラリと比較して優れたパフォーマンスを提供し、微妙または顕著な効果のために境界幅、スタイル、色を調整する方法を詳述していると主張しています
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
Mar 17, 2025 pm 12:27 PM
この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。
＆lt; datalist＆gt;の目的は何ですか 要素？
Mar 21, 2025 pm 12:33 PM
この記事では、HTML＆lt; Datalist＆GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。
HTML5のクロスブラウザー互換性のベストプラクティスは何ですか？
Mar 17, 2025 pm 12:20 PM
記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。
＆lt; meter＆gt;の目的は何ですか 要素？
Mar 21, 2025 pm 12:35 PM
この記事では、html＆lt; meter＆gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化＆lt; Meter＆gt; ＆lt; Progress＆gt;およびex
＆lt; Progress＆gt;の目的は何ですか 要素？
Mar 21, 2025 pm 12:34 PM
この記事では、HTML＆lt; Progress＆gt;について説明します。要素、その目的、スタイリング、および＆lt; meter＆gt;との違い要素。主な焦点は、＆lt; Progress＆gt;を使用することです。タスクの完了と＆lt; Meter＆gt; statiの場合
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
Mar 20, 2025 pm 06:05 PM
この記事では、＆lt; iframe＆gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。
