早速、Webアプリケーションを作成しましょう。例として、入力した五つの値を計算するWebアプリケーションを作ります。
まずは、入力フォームとなるHTMLファイル（cal.html）を作成します。Apacheのドキュメントルートとなる「/var/www/html」に移動してnanoエディタでcal.htmlを新規に作成します。
|
1 2 |
$ cd /var/www/html $ sudo nano cal.html |
cal.htmlは、次のような内容になります。8～20行目が入力フォームです。8行目の「<form action=”cgi-bin/cal.sh” method=”GET”>」で、CGIプログラム（cal.sh）に五つの値をGETメソッドで渡しています。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>入力フォーム</title> </head> <body> <form action="cgi-bin/cal.sh" method="GET"> <h3>五つの数値を入力してください</h3> <p> 数値1：<input type="text" name="value1" size="3"><br> 数値2：<input type="text" name="value2" size="3"><br> 数値3：<input type="text" name="value3" size="3"><br> 数値4：<input type="text" name="value4" size="3"><br> 数値5：<input type="text" name="value5" size="3"> </p> <p> <input type="submit" value="送信"><input type="reset" value="リセット"> </p> </form> |