HTMLを使用してフォームを作成して送信する方法-htmlチュートリアル-php.cn

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

不言

リリース： 2018-11-21 09:45:53

オリジナル

3380 人が閲覧しました

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

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

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

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

ログイン後にコピー

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

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

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

action 属性

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

#例:

外部 URL として指定

URL (//m.sbmmt.com/)

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

<form action ="//m.sbmmt.com/">

ログイン後にコピー

内部 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 です。