質問をすることでしか得られない、回答やアドバイスがある。

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

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

2回答

11356閲覧

formタグの中のactionのURLはどのようにすればいいのかわかりません。

doragonzakurai

総合スコア12

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2019/07/12 23:42

編集2019/07/13 02:54

まず、問題のHTMLファイルをまず記述します。

html

1<!DOCTYPE html> 2<html lang="ja"> 3<head><meta charset="utf-8"> 4</head> 5<body> 6<header> 7<h1 id="num1">Hello</h1> 8</header> 9<main> 10<form action="main.html" method="post"> 11<h1>ログイン画面</h1> 12<input type="text" name="name" placeholder="" required="true"> 13<input type="text" name="name" placeholder="" required="true"><br> 14<input id="num2" type="tel" name="tel" placeholder="携帯電話番号" required="true"><br> 15<input id ="num3"type="password" name="password" placeholder="パスワード"><br> 16<input type="submit" value="送信"> 17<input type="reset" value="リセット"> 18</form> 19</main> 20</body> 21</html>

送信ボタンを押したら、formタグのactionのURLに移動できるようにしたいです。お願いします。
(例)main.htmlのようにすると、次のようなエラーが発生しました。

Routing Error

No route matches [POST] "/main.html"
Rails.root: C:/Users/user/GROSS

Application Trace | Framework Trace | Full Trace
Routes
Routes match in priority from top to bottom

Helper HTTP Verb Path Controller#Action
Path / Url
Path Match
users1_path GET /users1(.:format)
users1#index

users1_new_path GET /users1/new(.:format)
users1#new

rails_service_blob_path GET /rails/active_storage/blobs/:signed_id/*filename(.:format)
active_storage/blobs#show

rails_blob_representation_path GET /rails/active_storage/representations/:signed_blob_id/:variation_key/*filename(.:format)
active_storage/representations#show

rails_disk_service_path GET /rails/active_storage/disk/:encoded_key/*filename(.:format)
active_storage/disk#show

update_rails_disk_service_path PUT /rails/active_storage/disk/:encoded_token(.:format)
active_storage/disk#update

rails_direct_uploads_path POST /rails/active_storage/direct_uploads(.:format)
active_storage/direct_uploads#create

Request
Parameters:

{"name"=>"力士", "tel"=>"0900", "password"=>"[FILTERED]"}
Toggle session dump
Toggle env dump
Response
Headers:

None

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

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

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

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

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

退会済みユーザー

退会済みユーザー

2019/07/13 00:09 編集

form action で検索すれば、ここのような限られたスペースでの回答より、丁寧で分かりやすい記事が多々ヒットします。そんなことは言われるまでもなくやっていると思いますが、それでも分からなかったのは何でしょう? それを書いてください。
doragonzakurai

2019/07/13 02:49

main.htmlのようにすると、上のようなエラーメッセージが発生しました。
退会済みユーザー

退会済みユーザー

2019/07/13 02:58 編集

routing error no route matches post (エラーメッセージ) でググってみてください。
m.ts10806

2019/07/13 03:00

RubyOnRails タグは必要です。Htmlの問題ではないです
退会済みユーザー

退会済みユーザー

2019/07/13 03:01

Ruby に関係する問題のようですが、そうであれば Ruby のタグを付けてください。
退会済みユーザー

退会済みユーザー

2019/07/13 03:09

前のスレッド https://teratail.com/questions/200204 の話の続きですよね? 前のスレッドでレスを貰っているにもかかわらず、放置して別のスレッドを立てて前のスレッドと関連する質問をするのは、前のスレッドでレスをくれた方に失礼です。
guest

回答2

0

formのactionは通常、「form内で入力された情報を送信したい先」のURLを記述します。(ここは調べれば分かることですね)

つまり、送りたい先を指定してください。

どこに送りたいのかは他者は知りませんのでお分かりであろうご自身が把握されているものと思いますので。
ちなみにaction属性が未指定(空文字含む)だと「実行している自分自身」に対して送信します。

ただ、入力コントロールのname属性に重複があったり、id属性も重複していたり、タグ内に全角スペースもありませんか?
(特にname重複は最下部のひとつしか送られません)
構文的に不味いところも多いのでhtmlの構文チェックにかけて正しくされた方が良いでしょう。

投稿2019/07/13 02:08

編集2019/07/13 02:27
m.ts10806

総合スコア80850

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

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

doragonzakurai

2019/07/13 02:51

回答ありがとうございます。idを重複しないようにさせました。
m.ts10806

2019/07/13 03:18

前の質問でもコメントしていますが、公式ドキュメント読んで基本をおさえてください。 でないとここでアドバイスをもらっても理解はできないと思います
guest

0

送信ボタンを押したら、formタグのactionのURLに移動できるようにしたいです。

それが<form action>の機能なのですが、逆に何が疑問なのでしょうか。

投稿2019/07/12 23:50

maisumakun

総合スコア145183

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問