« 本日の体操 | メイン | 引用 »

2005年01月30日

[技術] HTML Form Tips

formで、cgiにsubmitするときに以下のサンプルのようにすると
ボタン別の処理に対応できる。

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>submit test page</title> </head> <body> <h1>cgi test page</h1> <form action="test.cgi"> <input type="submit" name="save" value="保存"> <input type="submit" name="view" value="表示"> <input type="submit" name="edit" value="編集"> <input type="hidden" name="val1" value="太陽"> </form> <hr> <!-- Created: Sun Jan 30 09:23:14 JST 2005 --> <!-- hhmts start --> Last modified: Sun Jan 30 09:37:21 JST 2005 <!-- hhmts end --> </body> </html>

test.cgi

#!/usr/local/bin/perl -w use CGI; use strict; my $q = CGI->new; my $submit_save = $q->param('save'); my $submit_view = $q->param('view'); my $submit_edit = $q->param('edit'); my $val1 = $q->param('val1'); #HTMLヘッダの出力 print "Content-type: text/html\n\n"; print "<html>\n"; print "<head>\n"; print " <title>Formのsubmitテスト</title>\n"; print " <meta HTTP-EQUIV=\"Content-Type\" content=\"text/html; charset=EUC-JP\" >\n"; print "</head>\n"; print "<body>\n"; print "<h2>submitテスト</h2>\n"; print "<li>save = $submit_save\n"; print "<li>view = $submit_view\n"; print "<li>edit = $submit_edit\n"; print "<li>val1 = $val1\n"; print "</body>\n"; print "</html>\n";

index.htmlで保存ボタンをクリックすると

submitテスト

  • save = 保存
  • view =
  • edit =
  • val1 = 太陽

  • index.htmlで表示ボタンをクリックすると

    submitテスト

  • save =
  • view = 表示
  • edit =
  • val1 = 太陽

  • 投稿者 nekobara : 2005年01月30日 08:49


    トラックバック

    このエントリーのトラックバックURL:
    http://www.ishihara.ne.jp/mt/mt-tb.cgi/21

    コメント