表单中文本字段的类型

2023-03-21 16:29:29 来源:网络

表单中文本字段的类型

在使用表单时文本域的类型有几种

文本域是用户在其中输入响应的表单对象。有三种类型的文本域:

单行文本域通常提供单字或短语响应,如姓名或地址。

多行文本域为访问者提供一个较大的区域,供其输入响应。可以指定访问者最多可输入的行数以及对象的字符宽度。如果输入的文本超过这些设置,则该域将按照换行属性中指定的设置进行滚动。

密码域是特殊类型的文本域。当用户在密码域中键入时,所输入的文本被替换为星号或项目符号,以隐藏该文本,保护这些信息不被看到。

页面布局效果如下:

2、制作网页跳转菜单

打开一个建立好的网页文件,把鼠标的光标放置在需要插入跳转菜单的位置。选择表单插入栏中的“跳转菜单”命令,在网页中插入一个跳转菜单。

在弹出的“跳转菜单”对话框中,根据提示输入相应内容:

点击确定,按F12预览效果。

3、运行代码实例

新建文件12.html。

打开12.html,插入表单,在表单中插入一个文本区域,在回车,再插入一个按钮。

选中文本区域,在属性面板中,设置文本区域的文本宽度为50,行数为8。

选中按钮,在属性面板中,将按钮的值设为“运行代码”。

选中form表单,在属性面板中,单击动作文本框旁的“浏览按钮”,选择指向13.html,目标选择_blank。

在11.html的代码区复制整个代码,在打开12.html文件,在设计视图中选中文本区域,转到代码区,将光标放置在的“>

认识表单对象

使用表单,可以帮助Internet服务器从用户那里收集信息,例如收集用户资料、获取用户订单,在Internet上统也同样存在大量的表单,让用户输入文字进行选择。

1、通常表单的工作过程如下:

(1)访问者在浏览有表单的页面时,可填写必要的'信息,然后单击“提交”按钮。

(2)这些信息通过Internet传送到服务器上。

(3)服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要求纠正错误。

(4)当数据完整无误后,服务器反馈一个输入完成信息。

2、一个完整的表单包含两个部分:

(1)一个是在网页中进行描述的表单对象。

(2)二是应用程序,它可以是服务器端的,也可以是客户端的,用于对客户信息进行分析处理。

二、认识表单对象

在 Dreamweaver 中,表单输入类型称为表单对象。可以通过选择“插入”>“表单对象”来插入表单对象,或者通过从下图显示的“插入”栏的“表单”面板访问表单对象来插入表单对象。

1、表单

“表单”在文档中插入表单。任何其他表单对象,如文本域、按钮等,都必须插入表单之中,这样所有浏览器才能正确处理这些数据。

2、文本域

“文本域”在表单中插入文本域。文本域可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号(用于保护密码)。

3、复选框

“复选框”在表单中插入复选框。复选框允许在一组选项中选择多项,用户可以选择任意多个适用的选项。

4、单选按钮

“单选按钮”在表单中插入单选按钮。单选按钮代表互相排斥的选择。选择一组中的某个按钮,就会取消选择该组中的所有其他按钮。例如,用户可以选择“是”或“否”。

5、单选按钮组

“单选按钮组”插入共享同一名称的单选按钮的集合。

6、列表/菜单

“列表/菜单”使您可以在列表中创建用户选项。“列表”选项在滚动列表中显示选项值,并允许用户在列表中选择多个选项。“菜单”选项在弹出式菜单中显示选项值,而且只允许用户选择一个选项。

7、跳转菜单

“跳转菜单”插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种菜单,在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。

8、图像域

“图像域”使您可以在表单中插入图像。可以使用图像域替换“提交”按钮,以生成图形化按钮。

9、文件域

“文件域”在文档中插入空白文本域和“浏览”按钮。文件域使用户可以浏览到其硬盘上的文件,并将这些文件作为表单数据上传。

10、按钮

“按钮”在表单中插入文本按钮。按钮在单击时执行任务,如提交或重置表单。可以为按钮添加自定义名称或标签,或者使用预定义的“提交”或“重置”标签之一。

11、标签

“标签”在文档中给表单加上标签,以形式开头和结尾。

12、字段集

“字段集”在文本中设置文本标签。

认识了表单,那么创建和使用表单时就可以根据需要进行选择。表单时动态网页的灵魂。

表单文本域的3个类型

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

注释:form 元素是块级元素,其前后会产生折行。

2.form表单的作用

表单在网页中主要负责数据采集功能,也就是和里面包含的数据将被提交到服务器或者电子邮件里。

一个表单有三个基本组成部分:

表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮:包括提交按钮、复位按钮和一般按钮。

3.form语法格式分为两种

通用格式:

不通用格式:

4.表单中的类型

文本类型

文本框 密码框 隐藏域 多行文本框

选择类型

单选 多选 下拉特殊类型

按钮类型

普通按钮 提交按钮(可以用作图片) 重置按钮

其他类型

上传文件(file) 选择日期(date) 邮箱(email) 链接(url) 颜色(color) 范围(range)

免责声明:内容来自网络,若侵犯您的权利,请在一个月内通知我们,会及时删除 @轻流