ブログでもだいたい使えるHTMLタグリファレンス

ホームページやブログなどのウェブサイトで INPUT、SELECT、TEXTAREA などのフォーム要素に入力されたデータは、cgi スクリプトで処理することができます。

簡単な cgi スクリプトを用意しました。下記のフォームを適当に書き換えて（そのままでも構いません）『送信』ボタンを押してみてください。別ウィンドウが開いて、送信内容が表示されます。

このスクリプトは下記のフォームから送信されたデータの、生データと、日本語のデータはそのままでは読めませんので整形した状態のそれぞれについて表示するものです。

このフォームのソースは次のようになっています。

<form action="http://html.appelle.jp/cgi-bin/formsample2.cgi" target="_blank"
method="post">

Q1.好きな色は、何ですか？<br>
<input type="checkbox" name="好きな色" value="赤">赤<br>
<input type="checkbox" name="好きな色" value="青">青<br>
<input type="checkbox" name="好きな色" value="緑" checked>緑<br><br>

Q2.お住まいは、どこですか？<br>
<input type="text" name="住所" value="東京都"><br><br>

Q3.コメントをどうぞ。<br>
<textarea name="コメント" rows="3" cols="30">
特になし。
特になし。
</textarea><br>

<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>

赤字の部分が、データを表示する cgi スクリプトの URL です。ご自身で作ったフォームでこのスクリプトを使用しても同じように作動しますから試してみてください。ただし、フォームのhtml の文字コードは『 utf-8 』で保存してください。それ以外ですと文字化けします。

参考に、この cgi スクリプトのソースを示します。cgi の使用可能な環境をお持ちであれば、1行目をお使いの環境に合わせて書き換えて保存し、パーミッションを 755などに設定すればお使いいただけると思います。

#!/usr/local/bin/perl

#============================== ユーザ設定 ====
$CHARSET  = 'utf-8';

#======================= CGIヘッダーの出力 ====
print qq(Content-type: text/html; charset=$CHARSET\n);

#======================== メインプログラム ====
print qq(
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>ブログでもだいたい使えるHTMLタグ リファレンス-フォームサンプル画面-</title></head>
<body style="font-size:12px;">
<p>送信されたデータを表示します。</p>\n);

if($ENV{'REQUEST_METHOD'} eq 'POST') {	read(STDIN, $query, $ENV{'CONTENT_LENGTH'});}
	else {	$query = $ENV{'QUERY_STRING'};	}

print qq(
<p>生データ
<div style="width:400px;border:1px solid;padding:5px 5px 5px 5px;">$query</div></p>
<p>整形後
<div style="width:400px;border:1px solid;padding:5px 5px 5px 5px;">\n);
	
foreach $pair (split(/&/, $query)) {
	($key, $value) = split(/=/, $pair);	
	$value =~ tr/+/ /;
	$value =~ s/%([0-9a-fA-F][0-9a-fA-F])/chr(hex($1))/eg;	
	$key =~ s/%([0-9a-fA-F][0-9a-fA-F])/chr(hex($1))/eg;	
	print qq($key = $value <br>\n);}

print qq(
</div></p>
<p>以上</p></body></html>
\n);
exit;

ランキングに参加中です! お役に立てたらクリックをお願いします→

ブログでもだいたい使えるHTMLタグ リファレンス

cgi スクリプトでフォームデータを制御する