html语言中,除了我03章讲到的一些常用标签的设置之外,控件也是非常重要的一部分,在普通的一个网页中就会遇到类型和数量非常多的控件。一个普普通通的登陆页面就包含了按钮、文本框、图片等等的控件,这一节主要是来了解一下,在制作网页过程中,如何使用一些常见的控件,以及如何来设置控件的外观等等操作。
1、控件
如果是观赏性较强的网页,可能控件会相对少一些,控件可以用来与浏览者进行一个互动,获取浏览者的一些信息和行为。
- 常见控件有哪些?
在设计网页中,我们可以看到visual studio2015新建网站,打开.aspx文件,左侧会有一个工具箱,工具栏里标准这一项里面,有很多我们常用的控件。可以双击想要的控件,然后在源中,查看该控件对应的html语句。
控件名称 | 作用 |
---|---|
Button | 按钮控件,可以设置它的点击事件 |
TextBox | 文本控件,用户可以在控件中输入,获取用户的信息 |
Label | 标签控件,提示作用 |
Image | 图片控件,可以用来显示图片,并且方便的调整图片的大小 |
RadioButton | 选择按钮 |
RadioBox | 选择按钮的容器,在该容器中的多个按钮只允许一个被选择,用于做单选题 |
Calendar | 日历 |
以上是一些常用的控件,还有很多控件没有讲到,如果需要了解的话,可以去菜鸟教程里看看。
-
使用控件的语句
当我使用一个Button的按钮控件可以看到一句这样的语句:<asp:Button ID=“Button1” runat=“server” Text=“Button” />从这句中,我们可以找到控件的一些基本的属性,首先是控件类型,可以用 asp:控件类型 来表示;Text=" " 来显示控件的文字,比如想向用户显示这是个提交按钮,那么就可以设置 Text=“提交”;当然控件还有大小,颜色等等的属性,如果有很多按钮一个一个设置的话,就太耗时了,所以就需要用到样式的设置,也会用到 **ID=" " ** 来设置,这个我们放到后面再讲。 -
控件的事件
上面有说到一个按钮的话我们可以设置它的点击事件,也就是说当我们点击了这个按钮之后,网页就会做出相应的反应,这时候就需要用到02节我们的C#语言了。
首先点击Button控件,在右下角的属性栏里点击一个这样"⚡"的标志,然后就可以看到一个Click操作,双击之后,就会跳转到高级程序语言的代码页面,像下面的这个代码,在这个函数中写入点击按钮后想要执行的操作即可。
protected void Button1_Clilk(Object sender,EventArgs e){
...
}
当然,其他控件还有对应的其他事件,就是这些控件以及事件,构成了一个动态的网页,是的网页和用户可以交互。
- 控件的属性
不同的控件就会有对应的不同属性,像大小,颜色等等这些算是通用的属性,但是控件还会有它自身的属性,在C#的函数库中,可以调用函数,来获取控件的不同属性。比如RadioButton控件,就会有isChecked()的函数,来判断该选项是否被选择。或者是TextBox控件,可以通过TextBox.text来获取用户的信息等等。