人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

●質問者: usually
●カテゴリ:インターネット ウェブ制作
✍キーワード:.jp HTML http:// タグ ファイル
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●50ポイント

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>
◎質問者からの返答

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

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


2 ● sloto
●50ポイント

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>
◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ