🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

1回答

802閲覧

formのボタンについて

shioazi0131

総合スコア4

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/10/02 12:19

前提・実現したいこと

メールフォームで送信ボタンを画像で作成して設置したのですが
そのボタンを押したら入力データが飛んでいく仕組みにしたく作成したい

発生している問題・エラーメッセージ

その届くメールアドレスのコードの仕組みがいまいちわかりません。

該当のソースコード

<input type="image" src="画像.jpg" alt="送信"> <button type="reset"><IMG src="画像.jpg"></button>

試したこと

画像はちゃんと表示されて、カーソルを合わすと矢印から指に変わります。
ここからボタンを押したら設定したアドレスに入力内容が飛ぶようにしたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2019/10/02 12:36

設定したアドレスとは?
shioazi0131

2019/10/02 13:00

送信ボタンを押した際に入力された内容が特定のメールアドレスに飛ぶように設定したいです。 現在作っているのが、注文のメールフォームです。 わかりにくく申し訳ございません。
m.ts10806

2019/10/02 20:17 編集

「メール送信」であればphpなどサーバー側のプログラミング言語が必要なのは認識されてますか? タグにある「html」だけでは無理です。 タイトルだけだとボタンのことを聞きたいような印象ですが起きてる問題や現状はそうではないですよね? 要件整理して質問を編集してください ご自身が「わかっていること」「調べたこと」を明確にすると良いです
dit.

2019/10/03 00:38

この知識のまま注文フォームを作成してもセキュリティ等の問題がありそうなので、「すぐに注文フォームを作りたい」というだけであればフォームのみ外部サービスを利用することも視野に入れた方がいいと思います。埋め込みができるものもありますし。 「勉強のためにどうしても全部自作したい」ということであればm.ts10806さんも挙げている通りphp等、html以外の知識も必要になります。
guest

回答1

0

送信フォームの仕組みは以下を参考にしましょう。

http://www.htmq.com/html/form.shtml

投稿2019/10/02 12:47

A-pZ

総合スコア12011

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

shioazi0131

2019/10/02 13:02

URLありがとうございます。 何度かこのサイト見ているのですが、このサイトですと送信ボタンが画像で設定されてないので参考に色々書き換えたりしているのですがうまくいきません、、、。
A-pZ

2019/10/02 13:34

行いたいことは、送信ボタンを画像にしたいということでしょうか?
shioazi0131

2019/10/02 23:58

いえ、送信ボタンを画像にする、ということはできたのですがその画像を押したら特定のメールアドレスに情報が飛ぶということがしたいです…。
A-pZ

2019/10/03 08:04

特定のメールアドレスにメールを送信するのはHTMLだけでは実現できず、Webアプリケーションを作るかないしはメール送信サービスを使わなければできません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問