HTML网页设计(表单元素)
1.什么是表单
表单(form)是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成,所有这些都放在
Form标签
设计者可以将表单放在文档主体中的任何位置,但前提是将表单的缘故都放在
2.表单元素
在
Input标签
对于大量通常的表单内元素,可以使用标签来进行定义,其中包括文本字段、多选列表、可单击的图像和提交按钮等。虽然标签中有许多属性,但对每个元素来说,只有type和name属性是必须的。当然,根据指定的比哦啊单元素类型,也可以设置一些其
可以使用标签中的name属性来为字段命名(表单提交到处理过程中使用的字段,这种字段的说明可以参阅前面介绍)。从技术角度上讲,name属性的值是任意的一个字符串,但是我们建议最好采用没有嵌入空格或标点的字符串。标签中必须的type属性可以用来选择控件的类型,其属性值如下表所示。
最有用也是最常见的表单输入元素时文字域,在浏览器窗口中显示为一行的空框,它接收用输入的一行信息,当你用户将表单提交给服务器时,这些信息就变成了元素值。
范例代码:
密码域
将type属性值设置为password,就可以创建一个密码域。传统文本域的其他属性和语义也可以应用于密码域。应用呢密码域时必须制定一个字段的名称,这样就可以为该段字段设置size和maxlength属性,并可以设置一个初见时的vlaue。
文件域(file)
复选框(checked)
单选框(ridio)
普通按钮(button)
设置普通按钮(button)代码:
重置按钮(Reset)
Textarea标签
作为表单的一部分,标签可在用户浏览器中创建一个多行文字域,在此文本输入区内,用户几乎可以输入无线文字。提交表单之后后,浏览器将所有行中的文字都收集起来,行间距用回车/换行符分隔,并将它们作为表单元素的值发送给服务器,这个值需要使用
在<.textarea>标签及其结束标签之间可以包括纯文本,它的默认文本必须是纯文本(没有标签或其他特殊元素)。
Select标签
提供了两种简洁的选择:下拉菜单和下拉列表。
将标签表的条目放到表单的标签中,这样接创建了一个选项下拉式菜单。与其他表单标签一样,name属性在这里也是必需的,它将选项提交给服务器时,
如果希望一次运行选择多个选项的话,可以在标签中加入multip属性,这样可以让元素像(input type==checked)元素那样起作用。如果没有指定multiple,那么一次只能选定一个选项,如同单选按钮组那样。Size(大小)属性决定了用户一次性可以看见多少个选项。Size的值应该是一个正整数,没有指定size值时,默认值是1、当size=1时,如果没有指定multiple,了浏览器通常会将列表显示成一个弹出式菜单;当size的值超过1或者指定了multiple属性,会显示为以个滚动列表。
Option标签
使用标签可以定义一个表单控件中的每个条目。浏览器将标签这个的内容作为标签的菜单或下拉列表中的一个元素显示。这样其内容只能是纯文本,使用value属性可以为每一个选项设置一个值,当用户选中该选项时,浏览器会将其发发送给服务器。
默认情况下,所有多选的,标签中的选项都是未选中状态,因此当客户端想服务器提交表单时,这些选项不会包括在参数列表中。标签中包括selected属性后,就可以预选选定一个或多个选项,随后用户可以再取消选择,selected属性的HTML版本没有值,如果没有任何选项被预选选定,那么单选的标签会预先选择第一个选项。
请选择
购物
吃喝
保健
健身
教育
服务
娱乐
其他