このページは、2019年3月に保存されたアーカイブです。最新の内容ではない場合がありますのでご注意ください
（HTML）
●データバインド機能
下記のソースコードで、ＨＴＭＬのデータバインド機能の基礎的な機能を見ることができる。
データのソースとして、「Book1.txt」というＣＳＶ形式のファイルが必要である。
HTMLプログラム例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><HTML> <HEAD> <TITLE>ページのタイトル</TITLE> </HEAD> <BODY><CENTER> <TABLE CELLPADDING="20"><TR><TD BGCOLOR="#88FF88" ALIGN="CENTER"> <FONT COLOR="#000000">このページは、2019年3月に保存されたアーカイブです。最新の内容ではない場合がありますのでご注意ください</FONT> </TD></TR></TABLE> </CENTER> <P> <SCRIPT LANGUAGE="JavaScript">/* JavaScriptによるプログラム */</SCRIPT><!-- データベース用オブジェクトの指定 --><OBJECT ID="ID1" CLASSID="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"><PARAM NAME="DataURL" VALUE="Book1.txt"></OBJECT><!-- テーブルの作成 --><TABLE DATASRC="#ID1" BORDER=1 ID="T1"><caption>テーブルのキャプション</caption><!-- テーブルのヘッダー --><THEAD><TR><TH>カラム１</TH><TH>カラム２</TH><TH STYLE="cursor:hand;" onClick="ID1.Sort='Column3'; ID1.Reset();">カラム３</TH></TR></THEAD><!-- テーブルのレコード --><TR><TD><SPAN DATAFLD="Column1"></SPAN></TD><TD><SPAN DATAFLD="Column2"></SPAN></TD><TD><SPAN DATAFLD="Column3"></SPAN></TD></TR></TABLE><BR> <!-- マーキー --><MARQUEE STYLE="background-color:blue;color:white;font-size:18pt;" DATASRC="#ID1" DATAFLD="Column4"></MARQUEE><BR> <!-- マーキー用のボタン --><BUTTON onClick="ID1.recordset.MoveFirst()">最初</BUTTON><BUTTON onClick="ID1.recordset.MovePrevious()">前</BUTTON><BUTTON onClick="ID1.recordset.MoveNext()">次</BUTTON><BUTTON onClick="ID1.recordset.MoveLast()">最後</BUTTON> <P> <CENTER> <TABLE CELLPADDING="20"><TR><TD BGCOLOR="#88FF88" ALIGN="CENTER"> <FONT COLOR="#000000">このページは、2019年3月に保存されたアーカイブです。最新の内容ではない場合がありますのでご注意ください</FONT> </TD></TR></TABLE> </CENTER> </BODY> </HTML>