首页 理论教育HTML与CSS网页设计:输入标签

HTML与CSS网页设计:输入标签

【摘要】:图3.5例3.2 的运行结果说明代码中两个标签分别创建了一个文本框和一个提交按钮。标签的type 属性用于设置标签创建哪种类型的表单元素,这个属性的默认值为text 即文本框。表3.1标签的type 属性除type 属性用于设置标签的类型之外,还支持其他一些属性,用于设置其名称,初始值、图像地址、选中与否的状态等。表3.2标签的属性

<input />标签可在表单中创建最常用的表单元素,如文本框、密码框、单选按钮复选框、文件域、隐藏域、提交按钮、重置按钮、自定义命令按钮、图像按钮等。

以下代码演示了在表单中使用<input />标签创建文本框和提交按钮。

例3.2:

代码运行结果如图3.5 所示。

图3.5 例3.2 的运行结果

说明

代码中两个<input />标签分别创建了一个文本框和一个提交按钮。<input />标签的type 属性用于设置<input />标签创建哪种类型的表单元素,这个属性的默认值为text 即文本框。不同类型的表单元素有不同的外观,浏览者对其操作的方式也不同。

以下代码演示了对<input />标签的type 属性赋予不同的值,从而创建出不同类型的表单输入元素。

例3.3:

代码运行结果如图3.6 所示。

图3.6 例3.3 的运行结果

说明(www.chuimin.cn)

代码中的各个<input />标签依次创建了文本框、密码框、单选按钮[一组两个]、复选框、文件域、提交按钮、重置按钮。

type 属性可用的值及相应的意义,见表3.1。

表3.1 <input />标签的type 属性

除type 属性用于设置<input />标签的类型之外,<input />还支持其他一些属性,用于设置其名称,初始值、图像地址、选中与否的状态等。

以下代码综合演示了<input />标签及其属性的使用。

例3.4:

代码运行结果如图3.7 所示。

图3.7 例3.4 的运行结果

有关<input />标签的属性,见表3.2。

表3.2 <input />标签的属性