- ベストアンサー
HTML5で検索フォームを実装
現在HTML5をサイトや本を見ながら勉強中なのですが、 検索窓に数値を入力し、入力された数字に割り当てられた 結果を表示する機能を持ったスマートフォンページを 作りたいと考えています。 例えば… (1)検索窓に25と入力して検索ボタンを押す (2)図鑑No.25のピカチュウが検索結果として表示される という具合です。 <input type="number">を使って簡単に数値の入力フォームが 作れることはわかったのですが、どのように数字と結果を 結びつければいいのかがわかりません。 どんなヒントでも構わないのでどなたかご教授いただけないでしょうか。 よろしくお願いします。
- potapota24
- お礼率95% (95/99)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
やり方は色々あると思いますが JSでやるなら <form onsubmit="return send( this )"> <input type="number" name="number" value="25"/> <input type="submit" value="send"/> </form> <script> function send( _this ) { var num = _this.number.value; location.href = '25.html'; }; </script> こんな感じでいかがでしょうか
関連するQ&A
- フォームを使ったHTML
グーグルみたいに 検索窓があり、 そこに文字を入力すると、 そのデータが XSLの変数として扱われ、 その情報にあったhtmlを生成。 最終的にそのhtmlに移るようにしたいんです。 できそうでできないことなんですが、 どうすればよいでしょうか？ 分かりにくい文と思うので、まとめると 1.検索フォームにキーワードを入力 ↓ 2.入力されたキーワードは変数($key)として扱われて XSLに受け渡し→XMLと組み合わせて ↓ 3.そのキーワードにあったhtmlを生成 ↓ 4.検索結果表示 ユーザ側では キーワード入力 ↓ 検索結果表示 だけです。 初心者でどのようにやればいいのか まったく分かりません＞＜ どうかご教授ください。 難しいのであればそれも明記してください。
- 締切済み
- HTML
- HTML上での入力フォームについて
HTML上での入力フォームについて質問です input で入力する欄が１００個以上あるのですが、どこを入力し終わったのかわからない状態で困っています。 input で入力した際に、入力したりしたら背景色をかえてユーザーに 「ああ、これは入力済みなんだな。」 とわかってもらえるようにするには、どうしたら良いでしょうか？
- ベストアンサー
- HTML
- フォームの表示が消えてしまう・・・
初歩的なことでつまづいております。 フォームを利用して「入力」フォームに文字を入れ、「入力！」ボタンを押すと「結果」フォームにその文字を表示させたいのですがうまくいきません。 やりたいことは、 １．「入力」フォームに文字を入れます（たとえば"123"） ２．「入力！」ボタンを押します ３．すると「結果」フォームに"123"と表示させたいです ４．また、「入力」フォームにはそのまま"123"が表示されたままにしたいです なぜか下記の記述だとボタンを押した瞬間にすべてのフォームの文字表示が消えてしまいます。 これはどうしてなのでしょうか？すみませんがよろしくお願いします。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"><!-- function calcButton() { var inputValue = document.calc.input.value; document.calc.result.value = inputValue; } //--></SCRIPT> </HEAD> <BODY> <FORM name="calc" action=""> 入力<INPUT type="text" size="5" name="input"><BR> 結果<INPUT type="text" size="5" name="result"><BR> <INPUT type="submit" value="入力！" onClick="calcButton()"> </FORM> </BODY></HTML>
- ベストアンサー
- JavaScript
- HTMLのフォームをPHPで配列で受け取る方法
Webアプリを作っています。 HTMLのフォーム上で、番号と名前を入力し、 PHPでデータベースに登録する感じになります。 HTMLのフォームから送信されたデータを、PHP側で配列として受け取るには、 どのようにHTMLを書き換えたら良いでしょうか？ 説明のために例を挙げます。 sample.htmlには以下のように書いています。 <form action="action.php" method="get"> <input type="number" name="id1"> <input type="text" name="name1"> <input type="number" name="id2"> <input type="text" name="name2"> <input type="submit"> </form> ここで、送信ボタンを押すと、 ブラウザのロケーションバーには /action.php?id1=1&name1=taro&id2=2&name2=jiro このように表示されます。 action.phpは次のように書いています。 <?php print ($_REQUEST['id1']); print ($_REQUEST['name1']); print ($_REQUEST['id2']); print ($_REQUEST['name2']); ?> 出力結果は、 1taro2jiro のようになります。 このあと、PHPでデータベースに登録する処理をしたいのですが、 $_REQUEST['id1'] $_REQUEST['id2'] $_REQUEST['name1']; $_REQUEST['name2']; となっていると、処理が大変なので、 $_REQUEST['id'][0] $_REQUEST['id'][1] $_REQUEST['name'][0] $_REQUEST['name'][1] のように配列として受け取れるようにしたいのです。 sample.htmlを書き換える必要が有ると思うのですが、 どのように書き換えたら良いでしょうか？ 教えていただけると幸いです。 どうぞ、よろしくお願いいたします。
- ベストアンサー
- PHP
- HTMLのフォームで動的に日本語機能切り替えるHTMLタグはあるのでしょうか？
HTMLのフォームで数値の場合は半角入力にして名前を全角入力を自動的に日本語機能切り替えるHTMLタグはあるのでしょうか？
- ベストアンサー
- HTML
- 検索フォームを自動で実行させたい
お世話になります。 "prototype.jsでYouTubeをインクリメンタルサーチ"というタイトルのページにて、入力フォームにワードを打ち込むとそのワードのyoutube動画を検索表示させる、という内容の記事がありまして、そちらのサンプルソースを試してみました。 参考URL http://www.atmarkit.co.jp/fwcr/rensai/ajaxrecipe02/ajaxrecipe02_1.html 上記のプログラムを試してみると、HTMLページに検索フォームが設けられており、そこにワードを打ちこんでみると、該当javascriptが１文字打ち込むごとにYoutubeから検索結果を拾って、検索フォームの下スペースに動画リストとして表示してくれました。無事に動いてくれたのでこのサンプルコードに少しカスタマイズをしてみたのですが、ここで躓いてしまいました。。 入力フォームにvalue="animal"として、検索ページが表示されると自動でanimalの検索結果を表示させたいと思ったです。 ですが、実際にはフォームエリアにはanimalと表示されていますが、検索アクションがされない状態です。 私はjavascriptなど勉強中の初心者なので調べてみているのですが、これを自動で表示させるには、form部分にonChange="○○○"、javascript側にwindow.onload = function(){ ○○○();}というものを使えばできるような感じでしたが、どうにもうまく動きません。 もしご教授頂けるという方がいらっしゃったら是非お願いしたいです。宜しくお願いいたします。
- ベストアンサー
- JavaScript
- HTMLのフォームについて
ドロップダウンリストをHTMLのフォームで作成したときのことで悩んでいます。 １～１０まで選択可能なドロップダウンリストを用意したフォームが２つあるとします。 そのフォームに送信をボタンをsubmitとしておいておきます。 "test.c"というプログラム内のprint文でHTMLコードを記述し、ブラウザで選択した値を、プログラム内で変数として使用したいと考えております。 以下のようなものを記述したとします。 <form name = "select" method="post" action="test.c"> <select name="list1"> <option value = "1"> 1 </option> ～ </select> <select name="list1"> <option value = "1"> 1 </option> ～ </select> <input type="submit" value="表示"> </form> として、 [1~10のリスト1] [1~10のリスト2] [送信] というような感じです。 このtest.cをブラウザ上で起動し、送信ボタンをおせば、 ・「０～リスト１で選択した数字」をブラウザに表示 ・その中で「リスト２で選択した数字」の表示を消す という処理がtest.cで行われるようなプログラムとします。 例として ・リスト１とリスト２は始めに１が選択されているとします。 ・「リスト１で５」、「リスト２で３」を選択して送信を押します。 ・test.cのページが更新され、ブラウザ上にはリスト２つと送信ボタン、「０・１・２・４・５」が表示されているとします ここからが質問になります。 このとき更新されたことにより、２つのリストは初期選択の１が選択された状態に戻っているが、ブラウザ上には前回送信した結果の数字「０・１・２・４・５」が表示されています。 このときに、このままやっぱり３を表示しないのではなく２を消したいとなった場合、リスト２を"２"に選択しなおすだけでなく、リスト１も再度"５"を選択しておかなければならないと思います。 この場合に、更新後のページのリストを前回選択した５と３のままにしておけば、リスト２を３から２に変更するだけで良くなるのですが、このように前回送信した状態を保持してリストを表示することは可能でしょうか。 よろしくおねがいします。
- 締切済み
- HTML
- エクセルで検索フォームを作りたいです
エクセルにはフォームを作る機能があると聞きました。 例えば、シート：「Sheet１」のA列からある番号を検索して、B列の文字を 表示するようなシートを作るにはどうすれば良いのでしょうか？ 例えば、フォームに「1234」と入力した場合、入力した数値といっちするのが A15にあり、 この場合、B15にある文字列をフォームに表示させたいです。 言葉で説明するのも限界がありますので、フォームを作るにあたっておすすめのおすすめの サイトや本がありましたら教えてください。
- ベストアンサー
- オフィス系ソフト
- エクセル VBA ユーザーフォームで検索したいのですが
つい昨日触り始めた大初心者です。。 エクセルシートにて 数値を記した列と、詳細を記した列があります。 ユーザーフォームにて textboxに数値を入力し、ボタンをクリックすると 検索をして、ユーザーフォーム内のlabelに詳細が表示される、といったvbaを書いているのですが、どうにもうまくいきません。 また、textboxに検索範囲にない数値が入力されたときには Labelに「なし」と表示させたいのですが、 エラーが出てしまい、その処理もやはりうまく出来ません。 どなたかご教授いただけますでしょうか。
- ベストアンサー
- オフィス系ソフト
- Access、検索用フォームでのあいまいな検索
現在、Accessでデータベース作成をしています。 テーブル： ・テーブルＡ ・テーブルＢ （Ａ・Ｂ間にリレーションシップ設定） クエリ ・検索クエリ（テーブルＡ・テーブルＢを元に作成） フォーム ・検索用フォーム（デザインビューでフォーム作成より） ・検索結果フォーム（検索クエリを元に作成） また、以下のような設定を入力しました。 「検索クエリ」の抽出欄 Like "*" & [Forms]![検索用フォーム]![検索したい名前] & "*"・・(1) ※検索したい項目、すべての抽出欄に設定済 「検索用フォーム」 検索実行ボタンを作成し、マクロを設定 ・フォームを開く→「検索結果フォーム」 ・フィルタ→「検索クエリ」 上記の設定により、検索用フォームに検索文字を入力することで、その結果を「検索結果フォーム」に反映することができました。 ただ、テーブルＡが元になっている項目の抽出欄のみに(1)を入力すると、うまくいくのですが、テーブルＢが元になっている項目欄にも (1)を入力しようとすると、検索用フォームからうまく検索することができなくなります。 ２つのテーブルを元にしたクエリからは、検索用フォームをつかった複数のＯＲ検索はできないのでしょうか？？ ご存知の方、ぜひ教えてください。 よろしくお願いいたします。
- 締切済み
- オフィス系ソフト
お礼
ご回答ありがとうございます。 まだ勉強中のためこの記述を見て 「なるほど！」と完全に理解することはできないのですが 全体の大まかな流れはつかめました。 あとは理解できていない記述と命令の関係性を調べて 実装に向けて進んでいきたいと思います。 ありがとうございました！