HTML表单控件input的使用

浏览网页时，读者经常会看到单行文本输入框、单选按钮、复选框、重置按钮等，使用控件可以在表单中定义这些元素，其基本语法格式如下。

在上述语法中，type属性为其最基本的属性，取值有多种，用来指定不同的控件类型。除type属性外，控件还可以定义很多其他属性，其中，比较常用的如id、name、value、size，它们分别用来指定input控件的ID值、名称、控件中的默认值和控件在页面中的显示宽度。

接下来通过一个案例来演示控件的使用。

在chapter01文件夹下创建一个HTML文件htmlDemo06,在该文件中使用表单控件来显示

注册页面，其关键代码如文件1-6所示。

文件1-6 htmlDemo06.html

                            用户名：                                                             密码：                                                性别：                  男       女                             兴趣：                                                        看电影                敲代码                玩游戏                                                            头像：                                                                                                                                                            

在文件1-6中，分别使用标记定义了文本输入框控件、密码输入框控件、单选框和复选框控件、文件上传控件以及提交和重置按钮控件。在上述控件中，name属性代表控件名称，value属性表示该控件的值。需要注意的是，单选框控件和复选框控件必须指定相同的name值，这是为了方便在处理页面数据时获取表单传递的值（表单所传递的就是该控件的value值）。上述代码中，还用了标记。标记的作用是将表单内的元素分组，而标记则为标记定义标题。

使用浏览器打开文件1-6，显示结果如图1-8所示。

图1-8表单控件的使用

填写完图1-8中所示的表单数据后，页面如图1-9所示。

图1-9表单控件的使用

从图1-9可以看出，密码输入框中内容为不可见状态，单选按钮只能选择一个值，而复选框可以选择多个值。

与其他语言类似，HTML中也提供了代码注释，它以“”结束，其语法如下所示。

在文件1-6中，就大量地使用了HTML注释，被注释的内容不会显示到浏览器页面上，但是通过查看浏览器中的源代码可以看到HTML中的注释信息。