`
cakin24
  • 浏览: 1383750 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

表单基础

阅读更多
一 介绍
所有表单都是通过<form>标签开始,使用</form>标签结束,一个页面可以定义多个表单,但是表单不可以嵌套,即表单中不可以再定义表单。
HTML表单提供了几种输入信息的元素,包括单选框、复选框、文本框等表单元素,待用户添加或选择表单元素的信息后,一般情况下都将这些信息添加到Web服务器,然后由服务器程序(JSP程序、PHP程序等)处理这些信息。
表单的属性如下。
属 性 说 明
action 表示表单所要提交的URL
method 表示表单以何种方式进行提交,提交表单包括get与post方式进行提交。get为表单默认选项,它将指定提交的URL在地址栏上显示。post选项将表单与指定提交的URL分开传送
enctype 当向服务器发送数据时,数据应该使用的编码方式,enctype默认是“application/x-www-form- urlencoded”,如果要上传文件,可以将enctype设置为“multipart/form-data”
target 指定服务器返回的结果在哪里显示
name 赋给表单一个名称
二 代码
index.html代码如下:
 
在上述代码中可以看到建立一个带有两个框架的HTML页面,使用<frameset>元素在HTML文件中定义框架,顶部框架放置的HTML文件为basic.html,底部框架没有放置HTML文件。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表单基础</title>
</head>
<frameset rows="100,*" frameborder="NO" border="0" framespacing="0">
 <frame src="basic.html" name="mainFrame">
 <frame src="" name="bottomFrame" scrolling="NO" noresize>
</frameset>
<noframes><body>
</body></noframes>
</html>
 
basic.html代码如下:
<form action="file.html" name="form1" method="post" target="bottomFrame"/>
<input type="text" name="name" value="我是一般文本框">
<input type="submit" value="单击此按钮将显示文件上传文本框"> 
</form>
 
可以从上述代码中看到,在basic.html文件中定义了一个表单,定义action的URL为file.html,设置表单提交方式为post,target为bottomFrame,即底部框架。
当在basic.html文件中单击提交按钮后,将提交到file.html。
file.html代码
<form action="" name="form2" method="post" enctype="multipart/form-data"/>
<input type="file"/>
</form>
 
由于在basic.html文件中的表单指定target为bottomFrame,所以file.html文件将在底部框架中显示。在file.html中的表单除了设置表单的名称、表单提交方式之外还设置enctype属性为“multipart/form-data”,此时表单可以进行上传操作。
 
三 运行结果

 
  • 大小: 3.4 KB
1
0
分享到:
评论

相关推荐

    css选择器基础与表单基础

    在网页设计中,CSS(Cascading ...结合CSS选择器与表单基础,我们可以创建出富有交互性和美观性的网页,实现用户友好的界面设计。在实际项目中,还需考虑浏览器兼容性、性能优化等问题,确保代码的健壮性和可维护性。

    HTML表单基础知识.pdf

    HTML表单基础知识 HTML表单是网页上的一种基本组件,用于收集用户输入信息,例如文本框、单选按钮、复选框等。创建一个符合Web标准的HTML表单并不难,但需要了解HTML表单的基本结构和语义化的命名方式。 一、基本...

    HTML 表单基础知识.pdf

    HTML 表单基础知识 HTML 表单是网页上用于输入信息的区域,例如向文本框中输入文字或数字,在方框中打勾,使用单选按钮选中一个选项,或从一个列表中选择一个选项等。创建表单并不难,但要创建出符合 Web 标准的...

    表单基础知识

    表单基础知识,方便快速掌握网页表单的基础知识

    AngularJS表单基础

    AngularJS作为一款流行的前端JavaScript框架,提供了一套完整的表单处理机制,使得开发者可以更加便捷地创建、管理和验证表单。...通过学习AngularJS的表单基础,开发者能够创建出更加健壮、易于维护的Web应用程序。

    业务生成器1-3-表单基础与设计.ppt

    1-3-表单基础与设计.ppt

    表单基础功能介绍

    表单应用简介、表单管理员角色设置、枚举、流水号制作、表单操作

    头歌PHP语言之表单进阶

    头歌PHP语言之表单进阶 教程 四关教程

    Flask框架学习笔记之表单基础介绍与表单提交方式

    本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式。分享给大家供大家参考,具体如下: 表单介绍 表单是HTML页面中负责数据采集功能的部件。由表单标签,表单域和表单按钮组成。通过表单,将用户输入的...

    漂亮的form表单-漂亮的form表单

    1. **HTML表单基础** HTML中的`&lt;form&gt;`标签用于定义表单,可以包含各种输入控件,如文本框、密码框、复选框、单选按钮、下拉菜单等。例如: ```html 用户名: ...

    自定义表单设计思路.docx

    2. **表单基础信息**:维护通用参数类别和参数信息。 3. **表单设计制作**:支持多种输入类型,如文本框、下拉列表等。 #### 十三、结论 自定义表单系统的成功设计不仅需要考虑到技术实现层面的挑战,还需要充分...

    自定义表单设计思路

    包括表单管理、表单基础信息、表单设计制作等模块,旨在维护通用参数类别以及各相应类别下的参数维护。 十一、表单设计制作 主要的输入类型包括文本框、标签、文本域、单选按钮、复选按钮、下拉列表框和扩展控件等...

    A6表单操作指南.doc

    2. 表单基础设置:表单管理员设定枚举项和枚举值,如选项列表。 3. 设计表单:表单管理员绘制表单样式并设置数据项属性,如必填项或格式限制。 4. 表单流程绑定:建立表单流程模板,设置不同节点的编辑权限。 5. ...

    flash 提交表单3.

    一、Flash表单基础 Flash表单是使用Adobe Flash创作工具设计的交互式表单,允许用户输入数据并通过ActionScript(Flash的编程语言)处理和提交这些数据。ActionScript可以实现复杂的逻辑控制,如验证用户输入、...

    可视化表单制作可视化表单制作

    1. **HTML表单基础**:HTML(超文本标记语言)是网页内容的基础,其中`&lt;form&gt;`标签用于创建交互式表单。表单元素包括`&lt;input&gt;`(输入字段)、`&lt;textarea&gt;`(多行文本输入)、`&lt;select&gt;`(下拉列表)、`&lt;option&gt;`...

    PHP 表单Contactable.1.3.zip

    1. **PHP 联系表单基础** PHP联系表单是网站与用户交互的重要途径,通常用于收集访客的询问、建议或反馈。Contactable 1.3提供了这一核心功能,允许用户填写姓名、电子邮件地址、电话号码以及自定义消息,然后通过...

    简单的表单提交代码

    1. **HTML表单基础** HTML中的`&lt;form&gt;`元素用于创建表单,它包含了各种输入控件,如`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`等。在`&lt;form&gt;`标签内定义`action`属性指定表单数据提交的URL,`method`属性则定义提交方式...

    html css表单下载

    一、HTML表单基础 HTML(HyperText Markup Language)中的`&lt;form&gt;`标签用于定义表单,通过不同的输入元素(如`&lt;input&gt;`, `&lt;select&gt;`, `&lt;textarea&gt;`等)让用户填写信息。例如,创建一个简单的登录表单可以这样写: `...

Global site tag (gtag.js) - Google Analytics