ホームページ > 記事 > ウェブフロントエンド > HTMLを使用してフォームを作成して送信する方法
HTMLを使用してフォームを作成して送信する方法
- 不言オリジナル
- 2018-11-21 09:45:533315ブラウズ
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>効果は次のとおりです:
説明: 上記のコードでは、フォームはラージラベル、下はフォームに設定できるラベルです。次に入力フォームを生成するために使用できる input タグ、そして最後にボタンを生成できる button です。
以上がHTMLを使用してフォームを作成して送信する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。