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

質問

検索フォームに　IDを入力して　ブログを表示するようなURLでリンクしたいと考えています。

<form method="get" action="http://blog.goo.ne.jp/" class="search" target="_blank">

<div>
<input type="text" name="ID" class="textBox"><input type="hidden" value="/">
<input type="submit" value="検索" class="btn">
</div>

</form>

上のようなhtmlタグを作りましたが　うまく

http://blog.goo.ne.jp/synchro-night/
http://blog.goo.ne.jp/(IDをフォームで入力)/

のようなリンクができません。
どのように変えればよいのでしょうか？
JavaScriptで　する必要があるのでしょうか？

回答No.1

t_ohta · ベストアンサー

フォームだけではご希望のような動きにはなりません。
JavaScriptを使って処理するか、サーバ側で受け取ったデータを処理する必要があります。

JavaScriptなら

<script type="text/javascript">
function BlogPage () {
var id = document.getElementById("blog_id").value;
window.open("http://blog.goo.ne.jp/"+id+"/" , "_blank");
}
</script>
<input type="text" id="blog_id" value="" />
<input type="button" value="検索" onclick="BlogPage();" />

といったかんじでしょう。

お礼

解答ありがとうございます。

リンクはできるようになりました。
感激しています。

classで指定したスタイルシートがきかなくなりました。

下記サイトのテンプレートを使っています。
どのようにスタイルシートを指定すればよいのでしょうか？
まったく　他のものになるのでしょうか？

http://www.tagindex.com/template/form/search.html

回答No.2

t_ohta

HTMLを下記のようにして、スタイルシートの form.search と書かれている部分を div.search と書き換えればいけると思います。

<div class="search"><div>
<input type="text" id="blog_id" value="" class="textBox" /><input type="button" value="検索" class="btn" onclick="BlogPage();" />
</div></div>

お礼

ありがとうです。

感激です。

おかげで　やっと　うまくいきました。