これは請求書発行を依頼するための電子フォームです。新規書込用ファイルと表示専用ファイル、返信用ファイルが必要です。この例では、さらに、もう1つの返信表示専用ファイルを加えた、次の4つのファイルを使用します。
(@) | グループのメンバITNetTaroが起票して、ITNetJiroに対して「請求書発行依頼」を送信します。ここで、使われるHTMLファイルは新規書込用ファイルです。 |
(A) | ITNetJiroは受信閲覧ページで「請求書発行依頼」を受け取ります。ここで、使われるHTMLファイルは返信用ファイルです。 |
(B) | ITNetTaroやITNetJiroが送信履歴閲覧ページで使われるHTMLファイルは表示専用ファイルです。 |
(C) | 上記の3つのHTMLファイルを指定して、最初に起票したITNetTaroがITNetJiroからの返信を受信閲覧ページで受け取り、参照する際に使われるHTMLファイルは返信用ファイルです。そのまま、返信すると再びITNetJiroに送られてしまいます。これを防止するために、別の返信表示専用ファイルを使用します。返信表示専用ファイルは上記3つのフォームIDとは別のHTMLフォームです。上記の返信用HTMLフォームの“返信”ボタンを押下すると、このフォームへの送信が行われるように設計しています。 |
以下では、上記4つのHTMLファイルの意匠とソースを示します。
(1) 新規書込用ファイル
1) フォーム意匠
2) 新規書込用ファイルのHTMLソース
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>請求書発行依頼</title>
<SCRIPT LANGUAGE="JavaScript" SRC="MfCmPage/fnsFormUtl.js">
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkinit() {
self.f.mfdist.value = document.f.member.value;
}
//-->
</SCRIPT>
<SCRIPT Language="JavaScript">
<!--
function cDate(){
dt = new Date();
document.f.cdate.value = dt.getYear() + "/" + (dt.getMonth()+1) + "/" + dt.getDate();
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setmyname() {
fnsSetMyName(document.f.name);
}
//-->
</SCRIPT>
<script language="JavaScript">
<!--
function funcsum(){
var billval = 0;
wv = 0;
for(i=1; i <= 10; i += 1){
wv = self.f.elements["bill" + i].value ;
billval += wv * 1 ;
}
self.f.bill11.value = billval ;
}
//-->
</script>
</head>
<body onLoad="cDate();setmyname()">
<form name="f" method="POST" action="MfTransfer"
enctype="application/x-www-form-urlencoded">
<input type="HIDDEN" name="mfcgrpname">
<input type="HIDDEN" name="mfformid" value="reqbill">
<input type="HIDDEN" name="mfdist" size="30"
value="">
<input type="HIDDEN" name="mfconv" value="xml">
<INPUT TYPE="HIDDEN" NAME="mftitle" SIZE="-1"
VALUE="請求書発行依頼">
<p align="center"><font color="#000080" size="5"><b>請求書発行依頼</b></font></p>
<table border="0" width="96%" cellspacing="0">
<tr>
<td width="33%"><SELECT NAME="member" ONCLICK="checkinit()"
size="1">
<option value="ITNetTaro">ITNetTaro</option>
<option value="ITNetJiro">ITNetJiro</option>
<option selected value="処理担当">処理担当</option>
</SELECT><font color="#000080">殿</font></td>
<td width="40%"></td>
<td width="27%"><font color="#000080">発行日:<input
type="text" name="cdate" size="14"></font></td>
</tr>
<tr>
<td width="73%" colspan="2"></td>
<td width="27%"><font color="#000080">依頼者:<input
type="text" name="name" size="20"> </font></td>
</tr>
</table>
<table border="1" width="810" height="250"
cellspacing="0">
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">項番</font></td>
<td width="82" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">日付</font></td>
<td width="310" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">業務内容</font></td>
<td width="110" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">請求金額</font></td>
<td width="80" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">処理日</font></td>
<td width="171" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">備考</font></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">1</font></td>
<td width="82" height="23"><input type="text"
name="wdate1" size="14"></td>
<td width="310" height="23"><input type="text"
name="service1" size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill1" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate1" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment1" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">2</font></td>
<td width="82" height="23"><input type="text"
name="wdate2" size="14"></td>
<td width="310" height="23"><input type="text"
name="service2" size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill2" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate2" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment2" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">3</font></td>
<td width="82" height="23"><input type="text"
name="wdate3" size="14"></td>
<td width="310" height="23"><input type="text"
name="service3" size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill3" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate3" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment3" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">4</font></td>
<td width="82" height="23"><input type="text"
name="wdate4" size="14"></td>
<td width="310" height="23"><input type="text"
name="service4" size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill4" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate4" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment4" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">5</font></td>
<td width="82" height="23"><input type="text"
name="wdate5" size="14"></td>
<td width="310" height="23"><input type="text"
name="service5" size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill5" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate5" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment5" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">6</font></td>
<td width="82" height="23"><input type="text"
name="wdate6" size="14"></td>
<td width="310" height="23"><input type="text"
name="service6" size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill6" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate6" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment6" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="22"><font color="#000080">7</font></td>
<td width="82" height="22"><input type="text"
name="wdate7" size="14"></td>
<td width="310" height="22"><input type="text"
name="service7" size="60"></td>
<td width="110" height="22"><font color="#000080"><input
type="text" name="bill7" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="22"><input type="text"
name="pdate7" size="14"></td>
<td width="171" height="22"><input type="text"
name="comment7" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">8</font></td>
<td width="82" height="23"><input type="text"
name="wdate8" size="14"></td>
<td width="310" height="23"><input type="text"
name="service8" size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill8" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate8" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment8" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">9</font></td>
<td width="82" height="23"><input type="text"
name="wdate9" size="14"></td>
<td width="310" height="23"><input type="text"
name="service9" size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill9" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate9" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment9" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">10</font></td>
<td width="82" height="23"><input type="text"
name="wdate10" size="14"></td>
<td width="310" height="23"><input type="text"
name="service10" size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill10" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate10" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment10" size="30"></td>
</tr>
<tr>
<td width="447" align="center" bgcolor="#E6FFFF"
height="1" colspan="3"><font color="#000080"><input
type="button" value="合 計" name="total" style="color:
#000080" onClick="funcsum()"></font></td>
<td width="110" height="1" bgcolor="#E6FFFF"><font
color="#000080"><input type="text" name="bill11"
size="20" value=0 style="text-align : right"></font></td>
<td width="251" height="1" bgcolor="#E6FFFF"
colspan="2"> </td>
</tr>
</table>
<p> <input type="submit" value="送信"
name="mfsubmit"></p>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
fnsSetmfcgrpname('f');
fnsMyNameInit();
//-->
</SCRIPT>
</body>
</html>
(2) 返信用ファイル
1) フォーム意匠
2) 返信用ファイルのHTMLソース
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>請求書発行依頼</title>
<SCRIPT LANGUAGE="JavaScript" SRC="MfCmPage/fnsFormUtl.js">
</SCRIPT>
<SCRIPT Language="JavaScript">
<!--
function rDate(){
dt = new Date();
document.f.rdate.value = dt.getYear() + "/" + (dt.getMonth()+1) + "/" + dt.getDate();
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setmyname() {
fnsSetMyName(document.f.rname);
}
function mfInitEndNotify() {
rDate();
setmyname();
}
//-->
</SCRIPT>
<script language="JavaScript">
<!--
function funcsum(){
var billval = 0;
wv = 0;
for(i=1; i <= 10; i += 1){
wv = self.f.elements["bill" + i].value ;
billval += wv * 1 ;
}
self.f.bill11.value = billval ;
}
//-->
</script>
<script language="JavaScript">
<!--
function sendtorebillrd() {
document.f1.member.value = document.f.member.value;
document.f1.cdate.value = document.f.cdate.value ;
document.f1.name.value = document.f.name.value ;
document.f1.mfdist.value = document.f.name.value ;
document.f1.mfcgrpname.value = document.f.mfcgrpname.value ;
document.f1.mftitle.value = document.f.mftitle.value ;
document.f1.wdate1.value = document.f.wdate1.value ;
document.f1.service1.value = document.f.service1.value ;
document.f1.bill1.value = document.f.bill1.value ;
document.f1.pdate1.value = document.f.pdate1.value ;
document.f1.comment1.value = document.f.comment1.value ;
document.f1.wdate2.value = document.f.wdate2.value ;
document.f1.service2.value = document.f.service2.value ;
document.f1.bill2.value = document.f.bill2.value ;
document.f1.pdate2.value = document.f.pdate2.value ;
document.f1.comment2.value = document.f.comment2.value ;
document.f1.wdate3.value = document.f.wdate3.value ;
document.f1.service3.value = document.f.service3.value ;
document.f1.bill3.value = document.f.bill3.value ;
document.f1.pdate3.value = document.f.pdate3.value ;
document.f1.comment3.value = document.f.comment3.value ;
document.f1.wdate4.value = document.f.wdate4.value ;
document.f1.service4.value = document.f.service4.value ;
document.f1.bill4.value = document.f.bill4.value ;
document.f1.pdate4.value = document.f.pdate4.value ;
document.f1.comment4.value = document.f.comment4.value ;
document.f1.wdate5.value = document.f.wdate5.value ;
document.f1.service5.value = document.f.service5.value ;
document.f1.bill5.value = document.f.bill5.value ;
document.f1.pdate5.value = document.f.pdate5.value ;
document.f1.comment5.value = document.f.comment5.value ;
document.f1.wdate6.value = document.f.wdate6.value ;
document.f1.service6.value = document.f.service6.value ;
document.f1.bill6.value = document.f.bill6.value ;
document.f1.pdate6.value = document.f.pdate6.value ;
document.f1.comment6.value = document.f.comment6.value ;
document.f1.wdate7.value = document.f.wdate7.value ;
document.f1.service7.value = document.f.service7.value ;
document.f1.bill7.value = document.f.bill7.value ;
document.f1.pdate7.value = document.f.pdate7.value ;
document.f1.comment7.value = document.f.comment7.value ;
document.f1.wdate8.value = document.f.wdate8.value ;
document.f1.service8.value = document.f.service8.value ;
document.f1.bill8.value = document.f.bill8.value ;
document.f1.pdate8.value = document.f.pdate8.value ;
document.f1.comment8.value = document.f.comment8.value ;
document.f1.wdate9.value = document.f.wdate9.value ;
document.f1.service9.value = document.f.service9.value ;
document.f1.bill9.value = document.f.bill9.value ;
document.f1.pdate9.value = document.f.pdate9.value ;
document.f1.comment9.value = document.f.comment9.value ;
document.f1.wdate10.value = document.f.wdate10.value ;
document.f1.service10.value = document.f.service10.value ;
document.f1.bill10.value = document.f.bill10.value ;
document.f1.pdate10.value = document.f.pdate10.value ;
document.f1.comment10.value = document.f.comment10.value ;
document.f1.bill11.value = document.f.bill11.value ;
document.f1.rdate.value = document.f.rdate.value ;
document.f1.rname.value = document.f.rname.value ;
document.f1.mfsubmit.click();
}
//-->
</script>
</head>
<body onLoad="rDate();setmyname();">
<form name="f" method="POST" action="MfTransfer"
enctype="application/x-www-form-urlencoded">
<input type="HIDDEN" name="mfcgrpname">
<input type="HIDDEN" name="mfformid" value="reqbill">
<input type="HIDDEN" name="mfdist" size="30"
value="">
<input type="HIDDEN" name="mfconv" value="xml">
<INPUT TYPE="HIDDEN" NAME="mftitle" SIZE="-1">
<p align="center"><font color="#000080" size="5"><b>請求書発行依頼</b></font></p>
<table border="0" width="97%" cellspacing="0">
<tr>
<td width="33%"><input type="text" name="member"
readonly size="20"><font color="#000080">殿</font></td>
<td width="40%"></td>
<td width="27%"><font color="#000080">発行日:<input
type="text" name="cdate" readonly size="14"></font></td>
</tr>
<tr>
<td width="73%" colspan="2"></td>
<td width="27%"><font color="#000080">依頼者:<input
type="text" name="name" readonly size="20"> </font></td>
</tr>
</table>
<table border="1" width="810" height="250"
cellspacing="0">
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">項番</font></td>
<td width="82" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">日付</font></td>
<td width="310" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">業務内容</font></td>
<td width="110" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">請求金額</font></td>
<td width="80" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">処理日</font></td>
<td width="171" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">備考</font></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">1</font></td>
<td width="82" height="23"><input type="text"
name="wdate1" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service1" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill1" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate1" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment1" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">2</font></td>
<td width="82" height="23"><input type="text"
name="wdate2" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service2" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill2" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate2" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment2" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">3</font></td>
<td width="82" height="23"><input type="text"
name="wdate3" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service3" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill3" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate3" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment3" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">4</font></td>
<td width="82" height="23"><input type="text"
name="wdate4" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service4" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill4" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate4" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment4" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">5</font></td>
<td width="82" height="23"><input type="text"
name="wdate5" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service5" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill5" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate5" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment5" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">6</font></td>
<td width="82" height="23"><input type="text"
name="wdate6" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service6" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill6" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate6" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment6" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="22"><font color="#000080">7</font></td>
<td width="82" height="22"><input type="text"
name="wdate7" readonly size="14"></td>
<td width="310" height="22"><input type="text"
name="service7" readonly size="60"></td>
<td width="110" height="22"><font color="#000080"><input
type="text" name="bill7" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="22"><input type="text"
name="pdate7" size="14"></td>
<td width="171" height="22"><input type="text"
name="comment7" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">8</font></td>
<td width="82" height="23"><input type="text"
name="wdate8"readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service8" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill8" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate8" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment8" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">9</font></td>
<td width="82" height="23"><input type="text"
name="wdate9" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service9" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill9" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate9" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment9" size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">10</font></td>
<td width="82" height="23"><input type="text"
name="wdate10" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service10" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill10" size="20" value=0
style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate10" size="14"></td>
<td width="171" height="23"><input type="text"
name="comment10" size="30"></td>
</tr>
<tr>
<td width="447" align="center" bgcolor="#E6FFFF"
height="1" colspan="3"><font color="#000080"><input
type="button" value="合 計" name="total" style="color:
#000080" onClick="funcsum()"></font></td>
<td width="110" height="1" bgcolor="#E6FFFF"><font
color="#000080"><input type="text" name="bill11"
size="20" value=0 style="text-align : right"></font></td>
<td width="251" height="1" bgcolor="#E6FFFF"
colspan="2"> </td>
</tr>
</table>
<table border="0" width="804" cellspacing="0"
height="52">
<tr>
<td width="323" height="50">
<INPUT TYPE="button" NAME="mfsubmit" VALUE="返信"
onClick="sendtorebillrd()">
</td>
<td width="80" height="50"><font color="#000080">返信日:</font></td>
<td width="140" height="50"><font color="#000080"><input
type="text" name="rdate" size="20"></font></td>
<td width="80" height="50"><font color="#000080">返信者:</font></td>
<td width="140" height="50"><font color="#000080"><input
type="text" name="rname" size="20"></font></td>
</tr>
</table>
<p>
</p>
</form>
<form name="f1" method="POST" action="MfTransfer"
enctype="application/x-www-form-urlencoded">
<input type="HIDDEN" name="mfcgrpname">
<input type="HIDDEN" name="mfformid" value="reqbillrd">
<input type="HIDDEN" name="mfdist" size="-1">
<input type="HIDDEN" name="mfconv" value="xml">
<input type="hidden" NAME="mftitle" SIZE="-1">
<input type="hidden" name="member" size="-1">
<input type="hidden" name="cdate" size="-1">
<input type="hidden" name="name" size="-1">
<input type="hidden" name="wdate1" size="-1">
<input type="hidden" name="service1" size="-1">
<input type="hidden" name="bill1" size="-1">
<input type="hidden" name="pdate1" size="-1">
<input type="hidden" name="comment1" size="-1">
<input type="hidden" name="wdate2" size="-1">
<input type="hidden" name="service2" size="-1">
<input type="hidden" name="bill2" size="-1">
<input type="hidden" name="pdate2" size="-1">
<input type="hidden" name="comment2" size="-1">
<input type="hidden" name="wdate3" size="-1">
<input type="hidden" name="service3" size="-1">
<input type="hidden" name="bill3" size="-1">
<input type="hidden" name="pdate3" size="-1">
<input type="hidden" name="comment3" size="-1">
<input type="hidden" name="wdate4" size="-1">
<input type="hidden" name="service4" size="-1">
<input type="hidden" name="bill4" size="-1">
<input type="hidden" name="pdate4" size="-1">
<input type="hidden" name="comment4" size="-1">
<input type="hidden" name="wdate5" size="-1">
<input type="hidden" name="service5" size="-1">
<input type="hidden" name="bill5" size="-1">
<input type="hidden" name="pdate5" size="14">
<input type="hidden" name="comment5" size="-1">
<input type="hidden" name="wdate6" size="-1">
<input type="hidden" name="service6" size="-1">
<input type="hidden" name="bill6" size="-1">
<input type="hidden" name="pdate6" size="-1">
<input type="hidden" name="comment6" size="-1">
<input type="hidden" name="wdate7" size="-1">
<input type="hidden" name="service7" size="-1">
<input type="hidden" name="bill7" size="-1">
<input type="hidden" name="pdate7" size="-1">
<input type="hidden" name="comment7" size="-1">
<input type="hidden" name="wdate8"size="-1">
<input type="hidden" name="service8" size="-1">
<input type="hidden" name="bill8" size="-1">
<input type="hidden" name="pdate8" size="-1">
<input type="hidden" name="comment8" size="-1">
<input type="hidden" name="wdate9" size="-1">
<input type="hidden" name="service9" size="-1">
<input type="hidden" name="bill9" size="-1">
<input type="hidden" name="pdate9" size="-1">
<input type="hidden" name="comment9" size="-1">
<input type="hidden" name="wdate10" size="-">
<input type="hidden" name="service10" size="-1">
<input type="hidden" name="bill10" size="-1">
<input type="hidden" name="pdate10" size="-1">
<input type="hidden" name="comment10" size="-1">
<input type="hidden" name="bill11" size="-1">
<input type="hidden" name="rdate" size="-1">
<input type="hidden" name="rname" size="-1">
<INPUT TYPE="SUBMIT" NAME="mfsubmit" VALUE="返信"
STYLE="position:absolute;left:0;top:0; VISIBILITY: hidden;">
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
fnsSetmfcgrpname('f');
fnsMyNameInit();
//-->
</SCRIPT>
</body>
</html>
(3) 表示専用ファイル
1) フォーム意匠
2) 表示専用ファイルのHTMLソース
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>請求書発行依頼</title>
<SCRIPT LANGUAGE="JavaScript" SRC="MfCmPage/fnsFormUtl.js">
</SCRIPT>
</head>
<body>
<form name="f" method="POST" action="MfTransfer"
enctype="application/x-www-form-urlencoded">
<input type="HIDDEN" name="mfcgrpname">
<input type="HIDDEN" name="mfformid" value="reqbill">
<input type="HIDDEN" name="mfconv" value="xml">
<INPUT TYPE="HIDDEN" NAME="mftitle" SIZE="-1">
<p align="center"><font color="#000080" size="5"><b>請求書発行依頼</b></font></p>
<table border="0" width="97%" cellspacing="0">
<tr>
<td width="33%"><input type="text" name="member"
readonly size="20"><font color="#000080">殿</font></td>
<td width="40%"></td>
<td width="27%"><font color="#000080">発行日:<input
type="text" name="cdate" readonly size="14"></font></td>
</tr>
<tr>
<td width="73%" colspan="2"></td>
<td width="27%"><font color="#000080">依頼者:<input
type="text" name="name" readonly size="20"> </font></td>
</tr>
</table>
<table border="1" width="810" height="250"
cellspacing="0">
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">項番</font></td>
<td width="82" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">日付</font></td>
<td width="310" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">業務内容</font></td>
<td width="110" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">請求金額</font></td>
<td width="80" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">処理日</font></td>
<td width="171" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">備考</font></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">1</font></td>
<td width="82" height="23"><input type="text"
name="wdate1" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service1" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill1" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate1" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment1" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">2</font></td>
<td width="82" height="23"><input type="text"
name="wdate2" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service2" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill2" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate2" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment2" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">3</font></td>
<td width="82" height="23"><input type="text"
name="wdate3" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service3" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill3" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate3" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment3" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">4</font></td>
<td width="82" height="23"><input type="text"
name="wdate4" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service4" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill4" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate4" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment4" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">5</font></td>
<td width="82" height="23"><input type="text"
name="wdate5" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service5" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill5" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate5" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment5" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">6</font></td>
<td width="82" height="23"><input type="text"
name="wdate6" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service6" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill6" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate6" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment6" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="22"><font color="#000080">7</font></td>
<td width="82" height="22"><input type="text"
name="wdate7" readonly size="14"></td>
<td width="310" height="22"><input type="text"
name="service7" readonly size="60"></td>
<td width="110" height="22"><font color="#000080"><input
type="text" name="bill7" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="22"><input type="text"
name="pdate7" readonly size="14"></td>
<td width="171" height="22"><input type="text"
name="comment7" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">8</font></td>
<td width="82" height="23"><input type="text"
name="wdate8"readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service8" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill8" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate8" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment8" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">9</font></td>
<td width="82" height="23"><input type="text"
name="wdate9" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service9" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill9" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate9" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment9" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">10</font></td>
<td width="82" height="23"><input type="text"
name="wdate10" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service10" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill10" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate10" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment10" readonly size="30"></td>
</tr>
<tr>
<td width="447" align="center" bgcolor="#E6FFFF"
height="1" colspan="3"><font color="#000080">合 計</font></td>
<td width="110" height="1" bgcolor="#E6FFFF"><font
color="#000080"><input type="text" name="bill11"
readonly size="20" value=0 style="text-align : right"></font></td>
<td width="251" height="1" bgcolor="#E6FFFF"
colspan="2"> </td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0"
height="52">
<tr>
<td width="323" height="50">
</td>
<td width="80" height="50"><font color="#000080">返信日:</font></td>
<td width="140" height="50"><font color="#000080"><input
type="text" name="rdate" readonly size="20"></font></td>
<td width="80" height="50"><font color="#000080">返信者:</font></td>
<td width="140" height="50"><font color="#000080"><input
type="text" name="rname" readonly size="20"></font></td>
</tr>
</table>
<p>
</p>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
fnsSetmfcgrpname('f');
//-->
</SCRIPT>
</body>
</html>
(4) 返信表示専用ファイル
1) フォーム意匠
2) 返信表示専用ファイルのHTMLソース
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>請求書発行依頼</title>
<SCRIPT LANGUAGE="JavaScript" SRC="MfCmPage/fnsFormUtl.js">
</SCRIPT>
</head>
<body>
<form name="f" method="POST" action="MfTransfer"
enctype="application/x-www-form-urlencoded">
<input type="HIDDEN" name="mfcgrpname">
<input type="HIDDEN" name="mfformid" value="reqbillrd">
<input type="HIDDEN" name="mfconv" value="xml">
<INPUT TYPE="HIDDEN" NAME="mftitle" SIZE="-1">
<p align="center"><font color="#000080" size="5"><b>請求書発行依頼</b></font></p>
<table border="0" width="97%" cellspacing="0">
<tr>
<td width="33%"><input type="text" name="member"
readonly size="20"><font color="#000080">殿</font></td>
<td width="40%"></td>
<td width="27%"><font color="#000080">発行日:<input
type="text" name="cdate" readonly size="14"></font></td>
</tr>
<tr>
<td width="73%" colspan="2"></td>
<td width="27%"><font color="#000080">依頼者:<input
type="text" name="name" readonly size="20"> </font></td>
</tr>
</table>
<table border="1" width="810" height="250"
cellspacing="0">
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">項番</font></td>
<td width="82" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">日付</font></td>
<td width="310" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">業務内容</font></td>
<td width="110" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">請求金額</font></td>
<td width="80" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">処理日</font></td>
<td width="171" align="center" bgcolor="#E6FFFF"
height="16"><font color="#000080">備考</font></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">1</font></td>
<td width="82" height="23"><input type="text"
name="wdate1" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service1" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill1" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate1" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment1" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">2</font></td>
<td width="82" height="23"><input type="text"
name="wdate2" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service2" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill2" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate2" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment2" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">3</font></td>
<td width="82" height="23"><input type="text"
name="wdate3" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service3" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill3" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate3" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment3" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">4</font></td>
<td width="82" height="23"><input type="text"
name="wdate4" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service4" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill4" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate4" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment4" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">5</font></td>
<td width="82" height="23"><input type="text"
name="wdate5" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service5" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill5" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate5" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment5" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">6</font></td>
<td width="82" height="23"><input type="text"
name="wdate6" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service6" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill6" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate6" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment6" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="22"><font color="#000080">7</font></td>
<td width="82" height="22"><input type="text"
name="wdate7" readonly size="14"></td>
<td width="310" height="22"><input type="text"
name="service7" readonly size="60"></td>
<td width="110" height="22"><font color="#000080"><input
type="text" name="bill7" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="22"><input type="text"
name="pdate7" readonly size="14"></td>
<td width="171" height="22"><input type="text"
name="comment7" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">8</font></td>
<td width="82" height="23"><input type="text"
name="wdate8"readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service8" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill8" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate8" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment8" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">9</font></td>
<td width="82" height="23"><input type="text"
name="wdate9" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service9" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill9" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate9" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment9" readonly size="30"></td>
</tr>
<tr>
<td width="55" align="center" bgcolor="#E6FFFF"
height="23"><font color="#000080">10</font></td>
<td width="82" height="23"><input type="text"
name="wdate10" readonly size="14"></td>
<td width="310" height="23"><input type="text"
name="service10" readonly size="60"></td>
<td width="110" height="23"><font color="#000080"><input
type="text" name="bill10" readonly size="20"
value=0 style="text-align : right"></font></td>
<td width="80" height="23"><input type="text"
name="pdate10" readonly size="14"></td>
<td width="171" height="23"><input type="text"
name="comment10" readonly size="30"></td>
</tr>
<tr>
<td width="447" align="center" bgcolor="#E6FFFF"
height="1" colspan="3"><font color="#000080">合 計</font></td>
<td width="110" height="1" bgcolor="#E6FFFF"><font
color="#000080"><input type="text" name="bill11"
readonly size="20" value=0 style="text-align : right"></font></td>
<td width="251" height="1" bgcolor="#E6FFFF"
colspan="2"> </td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0"
height="52">
<tr>
<td width="323" height="50">
</td>
<td width="80" height="50"><font color="#000080">返信日:</font></td>
<td width="140" height="50"><font color="#000080"><input
type="text" name="rdate" readonly size="20"></font></td>
<td width="80" height="50"><font color="#000080">返信者:</font></td>
<td width="140" height="50"><font color="#000080"><input
type="text" name="rname" readonly size="20"></font></td>
</tr>
</table>
<p>
</p>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
fnsSetmfcgrpname('f');
//-->
</SCRIPT>
</body>
</html>