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

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

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

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

HTML

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

Q&A

2回答

1397閲覧

HTML - formで入力したテキストのアドレスへ飛ばしたい

starrow1103

総合スコア137

HTML5

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

HTML

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

0グッド

0クリップ

投稿2017/05/08 05:24

やりたいこと

html

1<form id="send_name" method="POST" action='/ここに入力した名前を反映させたい'> 2 <input type="text"> 3 <input type="submit" value="send"> 4</form>

例えば、「hoge」と入力してsubmitすると、http://~/hogeに飛ぶ感じです。

できますでしょうか。。。
Javascriptとか使うのかな?

ご教授ください。。。

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

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

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

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

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

guest

回答2

0

やったことはないので予想ですが、
入力されたURLを変数に代入して、飛ばすURLにその変数を書いたらできないですかね?

投稿2017/05/11 06:58

hana0102

総合スコア12

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

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

0

JavaScriptを使います。「別ページに飛ぶ」だけなら下記ページを参照ください。
書かれている挙動をクリックイベントの処理や入力データの読み取りなどが必要ですが、そのあたりは入門書などをご覧ください。

【JavaScriptで別ページに移動させる方法】
https://syncer.jp/javascript-reverse-reference/window-location-href

投稿2017/05/08 05:37

kei344

総合スコア69407

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

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

starrow1103

2017/05/08 05:45

ありがとうございます。 あらかじめ指定したURLであればご提示いただいた方法でも、aタグでも良いのですが、 入力側の指定した文字列のアドレスに行かせたいと思い質問しました。 やはり、Javascriptは避けて通れない道ですね・・・ちゃんと勉強しようかな。
kei344

2017/05/08 06:00

Webの情報を読む前に、一度本屋で入門書から上級まで何冊か本を買って読むと今後の理解が進みます。とりあえず最初はわからないことのほうが多いと思いますが、そのうち腑に落ちることも多いはずなのでお勧めします。 JavaScript ならとりあえずこれを通読してみてください、少し情報が古いところもありますがお勧めです。 【O'Reilly Japan - JavaScript 第6版】 https://www.oreilly.co.jp/books/9784873115733/ 【O'Reilly Japan - 初めてのJavaScript 第3版】 https://www.oreilly.co.jp/books/9784873117836/ 【改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで | 山田 祥寛 |本 | 通販 | Amazon】 https://www.amazon.co.jp/dp/477418411X
starrow1103

2017/05/08 06:09

やはりオライリーですね! ありがとうございます。読んでみます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問