HOME > CGI > おされさん > 初期画面の作り方

初期画面の作り方

■$top_htmlの作り方

初期画面は掲示板本体を表示する前のページの事です。

通常の掲示板(画面上部に入力フォームがあって、
下にログがずらずら〜っと表示される)タイプであれば
同ファイルを作成する必要はありません。

どういった場合に、同ファイルが必要になるかと言いますと、
掲示板を表示する前に、「掲示板ご利用時の注意」とかを記述したページを見せたい時です。

ただ、同画面は普通のHTMLファイルで作成し、CGIへリンクするだけでも全然構わないのですが
同ファイルをドレスとして設定($top_htmlに設定)するだけで、
CGI側から同画面へ"戻る"のリンクが自動で付加されるのです。ただそれだけです。(^_^;)

▼基本記述例

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>履歴書</title>
</head>
<body>
<div align="center">
<img src="../img/title.jpg" width="312" height="79">
<br><br>
あなたのペットのプロフィールを書いてみませんか?<br><br><br>
<form name="form1" method="post" action="./osaresan.cgi">
<input type=hidden name=action value=write>
<input type="submit" name="Submit" value="PetProfileを記入する" class="button">
</form><br>
<form name="form1" method="post" action="./osaresan.cgi">
<input type=hidden name=action value=view2>
<input type="submit" name="Submit" value="PetProfileを閲覧する" class="button">
</form>
<form name="form1" method="post" action="./osaresan.cgi">
<input type=hidden name=action value=view>
<input type="submit" name="Submit" value="PetProfile" class="button">
</form>
</div>
</body>
</html>

▼HTMLの記述方法

1.『入力フォーム』を表示させる為のリンク

▼<form>を使ったリンク
<form name="form1" method="post" action="CGIスクリプト名">
<input type=hidden name=action value=write>
<input type="submit" name="Submit" value="PetProfileを記入する" class="button">
</form>

▼<a>を使ったリンク
<a href="CGIスクリプト名?action=write>PetProfileを記入する</a>

2.『ログ表示』画面のみ(入力フォームは表示しない)を表示させる為のリンク

▼<form>を使ったリンク
<form name="form1" method="post" action="CGIスクリプト名">
<input type=hidden name=action value=view2>
<input type="submit" name="Submit" value="PetProfileを閲覧する" class="button">
</form>

▼<a>を使ったリンク
<a href="CGIスクリプト名?action=view2>PetProfileを閲覧する</a>

3.『ログ表示』画面(入力フォームも表示する)を表示させる為のリンク

▼<form>を使ったリンク
<form name="form1" method="post" action="CGIスクリプト名">
<input type=hidden name=action value=view>
<input type="submit" name="Submit" value="PetProfileを閲覧する" class="button">
</form>

▼<a>を使ったリンク
<a href="CGIスクリプト名?action=view>PetProfileを閲覧する</a>

 

前へ 次へ

このページのTOPへ