ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのinputタグとformタグの詳しい紹介

HTMLのinputタグとformタグの詳しい紹介

高洛峰
高洛峰オリジナル
2017-03-24 11:44:451931ブラウズ

inputタグ

inputタグはそれ自体で閉じられます

<input />

入力シリーズには、チェックボックス、リディオ、パスワード、ボタン、ファイルなどが含まれます

1. type='text'およびtype='password'

<input type=&#39;text&#39; />

type ='text' および type='password'

用户名:<input type="text"/>
<br/><br/>
密  码:<input type="password"/>

HTMLのinputタグとformタグの詳しい紹介

入力長の制限: type='text' maxlength="3"

HTMLのinputタグとformタグの詳しい紹介

2. チェックボックス: type='checkbox'

兴趣爱好:
篮球: <input type="checkbox"/>
足球: <input type="checkbox"/>
排球: <input type="checkbox"/>

HTMLのinputタグとformタグの詳しい紹介

3. ラジオ ボタン type='radio'

性别:
男: <input type="radio" name="gender"/> 女:<input type="radio" name="gender"/>

HTMLのinputタグとformタグの詳しい紹介

4. 送信ボタン: type='button'

ボタン - 通常のボタン、送信 - 送信ボタンは通常、Web ページに表示され、情報の送信を要求します。ボタンを使用してボタンを作成すると、その日の Web フォームなどに依存します。入力時にエラーや逸脱があった場合は、フォーム上にボタンクリア (リセット) ボタンを作成できます。フォームには複数の通常のボタンと、少なくとも 1 つの送信ボタン (フォーム ページを送信する必要があります) を含めることができます。

HTMLのinputタグとformタグの詳しい紹介5. 送信ボタン: type='submit'

6. ファイルをアップロード: type='file'

<input type="button" value="提交"/>

7. 複数行の出力ボックス: HTMLのinputタグとformタグの詳しい紹介

Method の値が get の場合、このとき、コンテンツとパラメーターは URL を介して渡されます。URL は、入力されて処理のために送信されたコンテンツを確認できますHTMLのinputタグとformタグの詳しい紹介

メソッドの値が post の場合、入力されたコンテンツとパラメーターは、同様のキャッシュがありますが、URL ではフォームに入力されたコンテンツや送信されたコンテンツを参照できません。

HTMLのform formタグの場合、formフォームと送信メソッド(get post)(get postの違いを理解してください)を使用する場合のみ、処理のためにデータをプログラムに送信できます。そうでない場合、プログラムは処理対象のデータを受け取ることができません。 。


button と submit の違い:

フォーム内のボタンは (JS でカスタマイズするなどカスタマイズしない限り) フォーム内のデータを送信しませんが、submit はデータを確実に送信します。

<input type="file" />

submit はデータを送信できるのに、なぜボタンが必要なのでしょうか?

submitに対応するメソッドはpost、つまりバックグラウンドにデータを送信すること、buttonに対応するメソッドはgetです。たとえば、ページにボタンを追加し、値をrefreshに設定すると、次の意味になります。ボタンは、データをバックグラウンドに送信せずにページを更新します。

以上がHTMLのinputタグとformタグの詳しい紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。