ホームページ > ウェブフロントエンド > フロントエンドQ&A > html5でフォームを定義するタグとは何ですか?

html5でフォームを定義するタグとは何ですか?

青灯夜游
リリース: 2022-07-26 16:26:14
オリジナル
5594 人が閲覧しました

html5フォームを定義するタグは「

」です。 form タグは、ユーザー情報を収集および転送するためのユーザー入力用の HTML フォーム (フォーム フィールド) を作成するために使用されます。フォーム内のすべてのコンテンツはサーバーに送信されます。構文 "
フォームコントロール
"。フォームには、input、select、textarea などの 1 つ以上のフォーム要素を含めることができます。

html5でフォームを定義するタグとは何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

html5フォームを定義するタグは「

」です。

html5 form form

form タグは、ユーザー情報の収集と配信を実現するためのユーザー入力用の HTML フォーム (フォーム フィールド) を作成するために使用されます。 . フォーム内のすべてのコンテンツはサーバーに送信されます。

フォーム フォーム フィールドには、、、< ; select> などのコントロール ラベル (テキスト フィールド、チェック ボックス、ラジオ ボックス、送信ボタンなど) など、さまざまな対話型コントロールを含めることができます。 ;、 およびその他のタグ。

ラベル構文形式

    <form action="提交地址" method="提交方式" name="表单名称">
        各种表单控件
    </form>
ログイン後にコピー

一般的に使用される 4 つのメソッド送信メソッド:

get    		一般用来查询信息
post		一般用来新增信息
put      	一般用来修改信息
delete		一般用来删除信息
ログイン後にコピー

コントロール ラベル:

input タグ

  • input の意味は
  • #<input />タグです単一のタグです。
  • type 属性は、さまざまなコントロール タイプを指定するためにさまざまな属性値を設定します。
  • type 属性に加えて、他の属性もあります

type="text" は通常の入力ボックスで、value はその中の値です。名前と ID は、js を記述するときに使用されます。 #

    <form action="url地址" method="提交方式" name="表单名称">
        <input type="text" name="" id="" value="你好">
    </form>
ログイン後にコピー

html5でフォームを定義するタグとは何ですか?

##input タグの一部の属性:

checked 属性は、ラジオ ボタンとチェック ボックスでのみ使用できます

属性タイプテキスト単一行テキスト入力ボックスパスワード##パスワード入力ボックス#ラジオ ボタンボタン通常のボタン 送信 リセット ボタン画像フォームの送信ボタン##ファイル入力コントロールのデフォルトのテキスト値入力コントロールはページの表示幅にあります選択スペースでデフォルトの選択項目を定義しますコントロールによって入力できる最大文字数パスワード ボックス
属性値#説明

#ラジオ

チェックボックスチェックボックス


#送信ボタン
#リセット
画像

テキストフィールド
name

スペースの名前
value

size

チェックあり

Maxlength

<input type="password" name="" id="" value="">
ログイン後にコピー

ラジオ ボタン ボックス
ラジオ ボタンを 1 つ賢く選択同じ名前のボックス

        男 <input type="radio" name="gender" id="" value=""> 
        女 <input type="radio" name="gender" id="" value="">
ログイン後にコピー

html5でフォームを定義するタグとは何ですか?

チェック ボックス

複数のチェック ボックスで複数を選択できます

<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> 爱好: &lt;br&gt; 抽烟&lt;input type=&quot;checkbox&quot; name=&quot;hobby&quot; id=&quot;&quot; value=&quot;&quot;&gt; 喝酒&lt;input type=&quot;checkbox&quot; name=&quot;hobby&quot; id=&quot;&quot; value=&quot;&quot;&gt; 烫头&lt;input type=&quot;checkbox&quot; name=&quot;hobby&quot; id=&quot;&quot; value=&quot;&quot;&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

html5でフォームを定義するタグとは何ですか?

ボタン

通常のボタンは、要件に応じて js を使用して機能を追加できます

送信ボタンは、入力したフォーム情報をフォームのアクション アドレスに送信しますリセット ボタンを押すと、フォーム情報がデフォルトにリセットされます##

    <form action="url地址" method="提交方式" name="表单名称">
        <input type="button" name="" id="" value="我是一个普通按钮">
        <input type="submit" name="" id="" value="我是一个提交按钮">
        <input type="reset" name="" id="" value="我是一个重置按钮">
    </form>
ログイン後にコピー

#ドロップダウンbox label

ドロップダウン ボックスのラベルは少し特殊で、入力の属性ではなく、別のラベルです

        <select name="省市区" id="">
            <option value="">山东</option>
            <option value="">北京</option>
            <option value="">江苏</option>
            <option value="">深圳</option>
            <option value="">上海</option>
        </select>
ログイン後にコピー

##関連する推奨事項: 「

html ビデオ チュートリアル

#」

以上がhtml5でフォームを定義するタグとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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