ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLを使用してフォームを作成して送信する方法

HTMLを使用してフォームを作成して送信する方法

不言
不言オリジナル
2018-11-21 09:45:533371ブラウズ

HTMLには文字や画像を表示するための言語の他に、簡単なフォームを作成する機能も実はあります。この記事ではHTML形式を使った送信フォームの作成方法を紹介します。

まず、form 要素について説明します。form 要素は、送信フォームを作成するために必要な要素です。

基本的な形式は次のとおりです。

<form action =""method ="">
  //填写表单的内容
</ form>

実際には、イメージ化にフォーム要素のみを使用する入力フォームは表示されませんが、そのような入力を配置することで実行できます。フォームセクションの属性を使用してフォームを表示します。

form要素は、パーツを組み合わせて注文を送るためのラベルなどの画像です。

そうは言っても、フォームはまだ十分に明確ではないかもしれません。具体的な内容を見てみましょう。

action 属性

action 属性は、フォームの送信後にデータが送信される場所を指定するために使用されます。

#例:

外部 URL として指定

URL (http://www.php.cn/)

## にフォーム データを送信します。 #

<form action ="http://www.php.cn/">

内部 URL として指定

フォーム データを form.php に送信し、現在の URL の末尾に追加された場所で処理します。

<form action ="form.php">

Unspecified


フォーム データを現在の URL に送信します。

<form>

メソッド属性

メソッド属性の役割とフォーム送信時の送信方法を指定します。

一般的な送信方法は POST と GET です。

具体的な例を見てみましょう

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
</head>
<body>
<form action="" method="">
  <div>
    <label for="message">message:</label>
    <br>
    <input type="text" />
  </div>

  <div class="button">
    <button type="submit">发送消息</button>
  </div>
</form>
</body>
</html>

効果は次のとおりです:

HTMLを使用してフォームを作成して送信する方法説明: 上記のコードでは、フォームはラージラベル、下はフォームに設定できるラベルです。次に入力フォームを生成するために使用できる input タグ、そして最後にボタンを生成できる button です。

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

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