ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLフォームの作成方法 HTMLフォームのコードの書き方

HTMLフォームの作成方法 HTMLフォームのコードの書き方

云罗郡主
云罗郡主オリジナル
2018-11-01 14:36:4043578ブラウズ

HTMLフォームコードとは何ですか? HTMLフォームを作成するにはどうすればよいですか?初心者には馴染みのない内容かもしれませんが、HTML フォームのコードの書き方をまとめてみましょう。 HTML フォームの作成はどうでしょうか?

HTMLフォームの作成方法 HTMLフォームのコードの書き方

1: フォーム タグの構築

テキスト エディターで HTML ドキュメントを開くときは、「

」と入力する必要があります。 < HTML フォームの内容を /form> タグに入力します。これらのタグは、
コンテナ タグと同様に、フォームのコンテナとして機能します。 [推奨学習: Html5 チュートリアル]

タグ内で CSS または js を使用すると、フォームをより美しく見せることができます。 。

2.

要素を開き、まずフォームを開始して、必要な場所に「」と入力します。フォーム。

3. タグに「action=」属性を追加して、 タグに action="path_to_script" を追加します。 ;。

4. フォーム データの送信方法を決定します。次に、フォーム データが「GET」データであるか「POST」データであるかを決定する必要があります。次に、タグメソッド 内の属性として「GET」または「POST」を追加します。

2: フォーム オプションを追加します。

1. [テキスト ボックスの作成] を使用して、This is に空のボックスを追加できます。訪問者は、

タグの後の新しい行から名前、メッセージ、または必要な情報を入力できます。 [推奨読書: html テキスト入力ボックス コード ]

2. ユーザーにパスワードの入力を要求する場合は、別の

3. オプションのラジオ ボタンを追加します。訪問者に項目のリストから選択してもらいたい場合は、ラジオ ボタンを使用してオプションのリストを作成します。これを行うには、 タグを使用して、「type」属性を「radio」に設定します。

3: フォームを閉じます

1. 送信ボタンを作成します。フォームを送信するには、送信ボタンをクリックする必要があります。

2. フォームの最後に「

」と入力します。このラベルはフォームが終了したことを示します。すべてのフォームのコンテンツは
内にある必要があることに注意してください。

3. テスト実行

上記は HTML フォームの作成方法の完全な紹介です。 について詳しく知りたい場合は、HTML フォーム コードの作成方法をご覧ください。 HTML5 オンライン マニュアル、php 中国語 Web サイトにご注意ください。

以上がHTMLフォームの作成方法 HTMLフォームのコードの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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