HTML元素
绑定属性
可否更
新数据
可否表
格绑定
可否作为
HTML显示
A
href
不可
不可
不可
APPLET
PARAM
可以
不可
不可
BUTTON
innerText和innerHTML
不可
不可
可以
DIV
innerText和innerHTML
不可
不可
可以
FRAME
src
不可
不可
不可
IFRAME
src
不可
不可
不可
IMG
src
不可
不可
不可
INPUT
checked
可以
不可
不可
TYPE=CHECKOBX INPUT
value
可以
不可
不可
TYPE=HIDDEN INPUT
vale
可以
不可
不可
TYPE=LABEL INPUT
value
可以
不可
不可
TYPE=PASSWORD INPUT
checked
可以
不可
不可
TYPE=RADIO INPUT
value
可以
不可
不可
TYPE=TEXT LABEL
innerText和innerHTML
不可
不可
可以
LEGEND
innerText和innerHTML
不可
不可
不可
MARQUEE
innerText和innerHTML
不可
不可
可以
OBJECT
param
可以
不可
不可
SELECT
选择的<OPTION>元素文本
可以
不可
不可
SPAN
innerText和innerHTML
不可
不可
可以
TABLE
无
不可
可以
不可
TEXTAREA
value
可以
不可
不可
2． 单个记录绑定
单个记录绑定用于只显示单行数据的情况。例如，考虑下面的代码：
ID: <SPAN DATASRC="#dsoData" DATAFLD="au_id"></SPAN><BR>
First Name: <SPAN DATASRC="#dsoData" DATAFLD="au_fname"></SPAN><BR>
Last Name: <SPAN DATASRC="#dsoData" DATAFLD="au_lname"></SPAN><BR>
Phone: <SPAN DATASRC="#dsoData" DATAFLD="phone"></SPAN><BR>
Address: <SPAN DATASRC="#dsoData" DATAFLD="address"></SPAN><BR>
City: <SPAN DATASRC="#dsoData" DATAFLD="city"></SPAN><BR>
State: <SPAN DATASRC="#dsoData" DATAFLD="state"></SPAN><BR>
Zip: <SPAN DATASRC="#dsoData" DATAFLD="zip"></SPAN><BR>
Contact: <SPAN DATASRC="#dsoData" DATAFLD="contract"></SPAN><BR>
使用单个记录绑定时，每一个绑定的HTML元素都要确定数据源（DATASRC）和绑定的字段（DATAFLD）。
以上数据绑定的结果如图10-5所示：
图10-5 单个记录绑定的结果
作为一个结果来说，这已经满足要求了，但由于在HTML文档中忽略了空格，所以数据排列得不整齐。数据绑定使我们易于得到数据，但看上去不太美观。一个好方法是使用表格来对齐数据。
<TABLE ID="tblData">
<TR><TD>ID:</TD>
<TD><SPAN DATASRC="#dsoData" DATAFLD="au_id"></SPAN></TD></TR>
<TR><TD>First Name:</TD>
<TD><SPAN DATASRC="#dsoData" DATAFLD="au_fname"></SPAN></TD></TR>
<TR><TD>Last Name:</TD>
<TD><SPAN DATASRC="#dsoData" DATAFLD="au_lname"></SPAN></TD></TR>
<TR><TD>Phone:</TD>
<TD><SPAN DATASRC="#dsoData" DATAFLD="phone"></SPAN></TD></TR>
<TR><TD>Address:</TD>
<TD><SPAN DATASRC="#dsoData" DATAFLD="address"></SPAN></TD></TR>
<TR><TD>City:</TD>
<TD><SPAN DATASRC="#dsoData" DATAFLD="city"></SPAN></TD></TR>
<TR><TD>State:</TD>
<TD><SPAN DATASRC="#dsoData" DATAFLD="state"></SPAN></TD></TR>
<TR><TD>Zip:</TD>
<TD><SPAN DATASRC="#dsoData" DATAFLD="zip"></SPAN></TD></TR>
<TR><TD>Contact:</TD>
<TD><SPAN DATASRC="#dsoData" DATAFLD="contract"></SPAN></TD></TR>
</TABLE>
这个HTML文档虽然不容易阅读，但却提供了一个较好的显示结果，如图10-6所示：
图10-6 单个记录绑定的表格显示结果
注意，这个例子只显示了使用SPAN元素来存放数据。如果想编辑数据，那么可以使用INPUT元素来实现。例如：
<TABLE ID="tblData">
<TR><TD>ID:</TD>
<TD>
<INPUT TYPE="TEXT" DATASRC="#dsoData" DATAFLD="au_id"></INPUT>
</TD>
</TR>
...
</TABLE>
这里使用了一个TEXT类型的INPUT元素。注意，数据绑定几乎是相同的，仅仅是HTML元素不同。结果如图10-7所示：
图10-7 单个记录绑定的编辑界面
文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
