- ベストアンサー
html 分で、枠を作り、入力文字が合致したらOK
みだしの内容じゃ伝わりにくいかもしれませんが、html文で、 ------------------------------------ 入力文字１【 】 入力文字２【 】 ------------------------------------ というのを作り、１には「yes」、２には「no」と入力すると、ページが移行し、 合格です！ という文字をだすような簡単なサイトを作りたいのですが、どのようにつくったらよいですか？ できたらソースを教えて頂けたら幸いです。 ちなみに間違っていたら、「間違いです」とだしたいです。 お願い致します。
- kokowadoko00
- お礼率6% (6/100)
- HTML
- 回答数6
- ありがとう数2
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
if (buff[0] == buff[1]) { のところです。 buff[0]が1の内容、buff[1]が2の内容が入ります。 1にyesの場合は if (buff[0] == "yes") { } 2にnoの場合は if (buff[1] == "no") { } となります。
その他の回答 (5)
- hwoa1024
- ベストアンサー率36% (122/336)
<script type="text/javascript"> var param = location.search; if(param != "") { param = param.replace("?text1=", ""); param = param.replace("text2=", ""); var buff = param.split('&'); if (buff[0] == "yes" && buff[1] == "no") { alert("合格です"); } else { alert("間違いです"); } } </script> <form action=""> <input type="text" name="text1" value="" /> <input type="text" name="text2" value="" /> <input type="submit" value="submit"/> </form> このまま貼ると日本語が文字化けするかも
- AsarKingChang
- ベストアンサー率46% (3467/7474)
<html> <head> <meta name="generator" content="notepad"> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF8"> <script type="text/javascript"> <!-- function hoge(){ var answer = 0; if (document.hello.yay1.value == "yes") { /* 入力文字１ の答え？ */ answer++; } if (document.hello.yay2.value == "no") { /* 入力文字２ の答え？ */ answer++; } if (answer==2) { return true; }else{ window.alert("間違いです"); return false; } } // --> </script> </head> <body> サンプルなので、受け取り先を作っていません。<br> method="POST"または"GET"<br> action="受け取るサーバーアドレス"は自前で追加してください。<br> <form name="hello" onSubmit="return hoge()"> ------------------------------------<br> 入力文字１【<input type="text" name="yay1" size="40">】<br> 入力文字２【<input type="text" name="yay2" size="40">】<br> ------------------------------------<br> <input type="submit" value="送信"> </form> </body> </html> -------------- う～ん、作ってたら、先こされた（ちょっと悔しいぞっと） ただ、先の回答者とやってることは同じですが。 読みやすい方をどうぞ！
- hwoa1024
- ベストアンサー率36% (122/336)
必要最低限しか書いてません。 php等が使えずhtml環境のみと想定してます。 <script type="text/javascript"> var param = location.search; if(param != "") { param = param.replace("?text1=", ""); param = param.replace("text2=", ""); var buff = param.split('&'); if (buff[0] == buff[1]) { alert("OK"); } else { alert("NG"); } } </script> <form action=""> <input type="text" name="text1" value="" /> <input type="text" name="text2" value="" /> <input type="submit" value="submit"/> </form>
補足
ご回答ありがとうございます。 この内容でくんだのですが、どこの行で「yes」「no」の文字の一致を判別したらよいのでしょうか？ 教えていただけたら幸いです。
- kanpeki_ningen
- ベストアンサー率31% (6/19)
入力までサポートするなら HTMLでは不可能です。 JAVAかFLASHやPHPを使わなければ動作しません。 がんばって作成しましょう。 30行くらいのプログラムですむでしょう。
- kamikami30
- ベストアンサー率24% (812/3335)
まず、HTMLは表示するだけなんで、動作はしません。 質問にあるようなものを実装するのであれば、JavaScriptが適していると思います。 希望のものを無償で作成するサービスは、私は行っていません。 簡単なサイトのようですから、回答にある必要なキーワードを検索して勉強されるのが良いかと思います。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_2_thumbnail_img_sm.png)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_1_thumbnail_img_sm.png)
補足
大変早いご回答感謝いたします。 丁寧なご開設ありがとうございます。 もう少しでできそうなのはわかるのですが、上記の内容におき替えたのですが、うまくできなかったのですが、１にyes ２にno の内容で、html分の全部を記載していただけたら幸いです。 申し訳ありません。