テキストリンクでsubmitするには

解決済

質問者：lolololol
質問日時：2013/02/17 04:55
回答数：2件

簡易的な検索システムを作ってみました。

検索フォームでは、エリアごとにボタンを設置し、ボタンをクリックすることで、該当するエリアの検索結果が表示されるというものです。

今回、この検索フォームのボタンをテキストリンクで表示できないかと思い、ご質問させて頂きました。

現在は、下記のようなフォームにしています。

<form name="" method="POST" action="result.php">
<ul>
<li><input type="submit" name="area" value="新宿"></li>
<li><input type="submit" name="area" value="銀座"></li>
<li><input type="submit" name="area" value="渋谷"></li>
<li><input type="submit" name="area" value="恵比寿"></li>
<li><input type="submit" name="area" value="品川"></li>
</ul>
</form>

※例えば、新宿のボタンをクリックすると、新宿に該当する検索結果が表示されます。

このボタンをテキストリンクにする方法としては、どういった方法がありますでしょうか？

アドバイスをいただければ幸いです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： ORUKA1951
回答日時：2013/02/17 12:31

サーバーにデータを渡す方法は、ご存知のように

STDN　標準入力 FORM + POST
QUERY_STRING FORM + GET
PAT_INFO
があります。
受け取るPHP側で、いずれの値も環境変数$ENV{PATH_INFO},$ENV{QUERY_STRING},標準入力に格納してありますから、自由に利用すると良いでしょう。

下記サンプルは、
PATH_INFOで　　　/lolololol/data.html
QUERY_STRINGで　AAA=BBB
formで　名前と住所
のデータを渡しています。
★ソース中で、一部:は：(全角)に置換してあるので戻すこと。
★タブは＿に置換してあります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>サンプル</title>
＿<meta name="author" content="ORUKA1951">
＿<meta http-equiv="Content-Style-Type" content="text/css">
＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
＿<link rel="START" href="../index.html">
＿<style type="text/css">

＿</style>
</head>
<body>
＿<div class="header">
＿＿<h1>タイトル</h1>
＿＿<p>このページでは・・・・</p>
＿</div>
＿<div class="section">
＿＿<h2>見出し</h2>
＿＿<form method="post" action="http：//hpcgi1.nifty.com/Iruka/ENV_FORM.cgi/lolololol/data.html?AAA=BBB#form_check">
＿＿<p>私は、「<input name="name" size="30" value="ここに名前をお書きください。" type="text">」です。
＿＿<p>住まいは、「<input type="submit" name="data1" value="新宿">|<input type="submit" name="data1" value="立川">」です。(何れかをクリックすると送信されます)</p>
＿＿</form>
＿＿
＿</div>
＿<div class="footer">
＿＿<h2>文書情報</h2>
＿＿<dl class="documentHistry">
＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt>
＿＿＿<dd>2012-08-10</dd>
＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt>
＿＿＿<dd>2012-08-10 12:00:00 (JST)</dd>
＿＿</dl>
＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
＿</div>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
テキストリンクでの表示ができました。
CSSでボタンデザインを変えることで実現させるのですね。
大変参考になりました。

ありがとうございます。

通報する

お礼日時：2013/02/17 13:07

No.2

回答者： ORUKA1951
回答日時：2013/02/17 13:44

No.1です。

＞CSSでボタンデザインを変えることで実現させるのですね。
それだけではありません。
http：//hpcgi1.nifty.com/Iruka/ENV_FORM.cgi/lolololol/data.html?AAA=BBB
でも、二種類で渡しています。
/lolololol/data.html
がPATH_INFOです。
?以降のAAA=BBBがQUERY_STRINGです。