html ジャーニー入力フィールド control_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:49:05
オリジナル
1370 人が閲覧しました

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 の派生とも言え、個々の属性コントロールを変更することで同様の効果が得られます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート