HTMLのフォームタグについて

フォームタグで文字を入力し、その入力した文字と一致するファイルに移動させる(例えば「1」と入力すれば→http://○○.jp/1.html)にはどうすれば良いでしょうか

HTMLについてはある程度知っていますが、他の言語については分かりません

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2011/08/24 02:31:12
  • 終了:2011/08/24 10:56:12

回答(2件)

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922011/08/24 03:24:43

ポイント50pt

formからcgiに飛ばしてサーバでなにかするのではなくて、クライアント側のJavaScriptでいいならこんな感じでしょうか。

デモ

http://jsfiddle.net/78F82/


<html>
<head>
<meta charset="utf-8">
<script>
function jump(url) {
  if (url.length == 0) {
    alert('入力してから押してください');
  } else {
    location.href = 'http://ja.wikipedia.org/wiki/' + url + '';
  }
  return false
}
</script>
</head>
<body>

<form onsubmit="return jump(this.url.value)">
<input type="text" name="url">
<input type="submit" value="移動する">
</form>
</body>
</html>
id:ay123698745

やりたかったのはそんな感じです

回答ありがとうございました!

2011/08/24 10:54:25
id:sloto No.2

sloto回答回数49ベストアンサー獲得回数62011/08/24 06:26:35

ポイント50pt

PHPで記述しました。

これをsearch.phpなどのphp形式で保存して、の部分をhtmlより上の所にはってください。url.jpの部分は適当に変更してください。

<?php
$u=$_GET["url"];
if(!empty($u)){
	$uri = "http://url.jp/".$u.".html";
	header("Location: $uri");
}
?>
<html><head><meta charset="utf-8"></head><body>
<form>
<input type="text" name="url">
<input type="submit" value="GO!">
</form>
</body></html>
id:ay123698745

PHPというのでも出来るんですね

回答ありがとうございました!

2011/08/24 10:55:44

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません