第3章 HTML 服务器控件Word格式.docx
《第3章 HTML 服务器控件Word格式.docx》由会员分享,可在线阅读,更多相关《第3章 HTML 服务器控件Word格式.docx(16页珍藏版)》请在冰豆网上搜索。
2、8、15
HtmlImage
image>
HTML元素2、8、14、18、19
HtmlInputButton
inputtype="
button"
>
、<
submit"
以及<
reset"
1、5、9、13、17、18、19
HtmlInputCheckBox
checkbox"
HtmlInputFile
file"
HTML元素3、7、12、20
HtmlInputHidden
hidden"
HtmlInputImage
image"
HtmlInputRadioButton
radio"
HTML元素1、4、5、8、9、10、13、14、17
HtmlInputText
text"
和<
password"
HtmlSelect
select>
HtmlTable
table>
HtmlTableCell
td>
th>
HtmlTableRow
tr>
HtmlTextArea
textarea>
HTML元素4、6、10、11、15、16
1、5、9、13、17:
HtmlInputRadioButton、HtmlInputButton
HtmlInputRadioButton控件用于控制<
元素。
HTML控件工具箱中的RadioButton
在HTML中,该元素用于创建单选按钮。
属性
Attributes
返回该元素的所有属性名称和值对。
Checked
布尔值,规定该元素是否被选中(trueorfalse)。
Disabled
布尔值,指示是否禁用该控件。
默认是false。
id
控件的唯一id。
.net通过此属性控制每个控件。
Name
单选按钮组的名称,name值相同的单选按钮为一组。
必须设置此属性的值,其它控件则可以不设置此属性的值。
onServerChange
当该按钮的状态被改变时执行的函数的名称。
runat
规定该控件是一个服务器控件。
必须被设置为"
Style
设置或返回被应用到该控件的CSS属性。
TagName
返回元素的标签名。
Type
元素的类型。
单选按钮的Type值为radio。
Value
元素的值。
Visible
布尔值,指示该控件是否可见。
实例:
在本例中,我们在.aspx文件中声明了三个HtmlInputRadioButton控件,一个HtmlInputButton控件,一个HtmlGeneric控件。
当提交按钮被触发时,会执行submit子例程。
submit子例程有三种响应方式:
如果选择了带有id="
r1"
的单选按钮,则服务器向p元素发送消息"
Yourfavoritecolorisred"
r2"
Yourfavoritecolorisgreen"
r3"
Yourfavoritecolorisblue"
<
scriptrunat="
Subsubmit(SourceAsObject,eAsEventArgs)
ifr1.Checked=Truethen
p1.InnerHtml="
else
ifr2.Checked=Truethen
else
ifr3.Checked=Truethen
endif
endif
EndSub
/script>
html>
body>
formrunat="
p>
请选择您喜欢的颜色:
br/>
inputid="
name="
col"
type="
runat="
onServerChange=submit>
Red<
/input>
Green<
Blue<
br/>
value="
提交"
/>
pid="
p1"
/>
/form>
/body>
/html>
radio的onServerChange事件和submit的OnServerClick只处理其中一个即可。
HtmlInputButton控件用于控制<
HTML控件工具箱中的Button、SubmitButton、ResetButton
在HTML中,这个元素用于创建按钮、提交按钮以及重置按钮。
该控件的唯一id。
元素的名称。
OnServerClick
当该按钮被点击时被执行的函数的名称。
设置或返回被应用到控件的CSS属性。
该元素的类型。
可为button、submit、reset
实例
在本例中,我们在.aspx文件中声明了一个HtmlInputText控件,一个HtmlInputButton控件,以及一个HtmlGeneric控件。
这个submit子例程会向p元素写一条欢迎消息。
Subsubmit(senderAsObject,easEventArgs)
ifname.value<
"
then
欢迎"
&
name.value&
"
!
请输入您的名字:
name"
size="
30"
OnServerClick="
2、8、14、18、19:
HtmlSelect、HtmlImage、HtmlGeneric
HtmlSelect控件用于控制<
在HTML中,<
元素用于创建下拉列表。
HTML控件工具箱中的ListBox
DataMember
要使用的数据表格的名称。
DataSource
要使用的数据源。
DataTextField
要显示在此下拉列表中的数据源中的字段。
DataValueField
规定此下拉列表中每个可选项的值的数据源中的字段。
InnerHtml
设置或返回该HTML元素的开始标签和结束标签之间的内容。
特殊字符不会被自动转换为HTML实体。
InnerText
设置或返回该HTML元素的开始标签和结束标签之间的所有文本。
特殊字符会被自动转换为HTML实体。
Items
下拉列表中的项目的列表。
Multiple
是否能同时选择多个项目。
OnServerChange
当被选项目被更改时被执行的函数的名称。
SelectedIndex
当前被选项目的索引号。
Size
下拉列表中可见项目的数目。
当前被选项目的值。
selectid="
select1"
optionvalue="
/eg_smile.gif"
笑脸<
/option>
/eg_bulbon.gif"
灯泡<
/eg_mouse.jpg"
鼠标<
/select>
HtmlImage控件用于控制<
img>
元素用于显示图像。
HTML控件工具箱中的Image
Align
如何根据周围的元素排列图像。
合法的值有:
Top、middle、bottom、left、right
Alt
关于图像的简短描述。
Border
图像周围的边框的宽度。
Height
图像的高度。
Src
要显示的图像的URL。
Width
图像的宽度。
在本例中,我们在.aspx文件中声明了一个HtmlImage控件和一个HTMLSelect控件。
然后我们会基于用户的选择来修改HtmlImage控件的src属性。
在HtmlSelect控件中被选的值决定显示哪幅图像。
Subchoose_image(SenderAsObject,eAsEventArgs)
image1.Src=select1.Value
显示图像"
choose_image"
imgid="
image1"
src="
/i/eg_smile.gif"
HtmlGeneric控件用于控制未被具体的HTML服务器控件规定的其他HTML元素,比如<
font>
等等。
”<
br>
aaaabbbb”
aaabbb”
在本例中,我们在.aspx文件中声明了一个HtmlInputText控件,一个HtmlInputButton控件,以及一个HtmlGeneric控件(<
标签)(请记得把这个控件嵌套在HtmlForm控件中)当提交按钮被触发时,会执行submit子例程。
submit子例程会向span元素写一段欢迎消息。
ifname.value<
then
MySpan.InnerHtml="
spanid="
MySpan"
3、7、12、20:
HtmlInputFile
HtmlInputFile控件用于控制<
元素,该元素用于向服务器上传文件。
HTML控件工具箱中的FileField
Accept
可接受的MIME类型的列表。
MaxLength
该元素中所允许的最大字符数。
PostedFile
获取对由客户端指定的上载文件的访问。
元素的宽度。
在本例中,我们在.aspx文件中声明了一个HtmlInputFile控件,一个HtmlInputButton控件,以及三个HtmlGeneric控件。
当文件本身被上传到服务器的c目录时,会在页面显示文件名和文件类型:
Subsubmit(SenderasObject,easEventArgs)
fname.InnerHtml=MyFile.PostedFile.FileName
clength.InnerHtml=MyFile.PostedFile.ContentLength
MyFile.PostedFile.SaveAs("
c:
\uploadfile.txt"
)
formmethod="
post"
enctype="
multipart/form-data"
Selectfiletouploadtoserver:
MyFile"
40"
/p>
Upload!
OnServerclick="
divrunat="
FileName:
<
fname"
ContentLength:
clength"
bytes
/div>
4、10、15:
HtmlTextArea
HtmlTextArea控件用于控制<
元素用于创建文本域。
Cols
文本域的列数。
该文本域的唯一名称。
当该文本域的内容被修改时被执行的函数的名称。
Rows
文本域的可见行数。
该文本域的值。
在本例中,我们在.aspx文件中声明了一个HtmlTextarea控件,一个HtmlInputButton控件,以及一个HtmlGeneric控件。
当触发提交按钮时,会执行submit子例程。
这个submit子例程会向span元素发送消息"
您写的是:
以及用户在文本框中输入的文本。
Subsubmit(senderAsObject,eAsEventArgs)
MySpan.InnerHtml="
b>
您写的是:
/b>
textarea1.Value
请输入文本:
textareaid="
textarea1"
cols="
35"
rows="
6"
6、11、16:
HtmlForm
HtmlForm控件用于控制<
元素用于创建表单。
所有HTML服务器控件必须位于HtmlForm控件内部!
在一张页面内,您只能使用一个HtmlForm控件!
Action
URL,定义当提交表单时把数据送往何处。
该属性总是设置为页面自身的URL!
EncType
用来编码表单内容的MIME类型。
特殊字符不会