一 介绍
所有表单都是通过<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”,此时表单可以进行上传操作。
三 运行结果
相关推荐
在网页设计中,CSS(Cascading ...结合CSS选择器与表单基础,我们可以创建出富有交互性和美观性的网页,实现用户友好的界面设计。在实际项目中,还需考虑浏览器兼容性、性能优化等问题,确保代码的健壮性和可维护性。
HTML表单基础知识 HTML表单是网页上的一种基本组件,用于收集用户输入信息,例如文本框、单选按钮、复选框等。创建一个符合Web标准的HTML表单并不难,但需要了解HTML表单的基本结构和语义化的命名方式。 一、基本...
HTML 表单基础知识 HTML 表单是网页上用于输入信息的区域,例如向文本框中输入文字或数字,在方框中打勾,使用单选按钮选中一个选项,或从一个列表中选择一个选项等。创建表单并不难,但要创建出符合 Web 标准的...
表单基础知识,方便快速掌握网页表单的基础知识
AngularJS作为一款流行的前端JavaScript框架,提供了一套完整的表单处理机制,使得开发者可以更加便捷地创建、管理和验证表单。...通过学习AngularJS的表单基础,开发者能够创建出更加健壮、易于维护的Web应用程序。
1-3-表单基础与设计.ppt
表单应用简介、表单管理员角色设置、枚举、流水号制作、表单操作
头歌PHP语言之表单进阶 教程 四关教程
本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式。分享给大家供大家参考,具体如下: 表单介绍 表单是HTML页面中负责数据采集功能的部件。由表单标签,表单域和表单按钮组成。通过表单,将用户输入的...
1. **HTML表单基础** HTML中的`<form>`标签用于定义表单,可以包含各种输入控件,如文本框、密码框、复选框、单选按钮、下拉菜单等。例如: ```html 用户名: ...
2. **表单基础信息**:维护通用参数类别和参数信息。 3. **表单设计制作**:支持多种输入类型,如文本框、下拉列表等。 #### 十三、结论 自定义表单系统的成功设计不仅需要考虑到技术实现层面的挑战,还需要充分...
包括表单管理、表单基础信息、表单设计制作等模块,旨在维护通用参数类别以及各相应类别下的参数维护。 十一、表单设计制作 主要的输入类型包括文本框、标签、文本域、单选按钮、复选按钮、下拉列表框和扩展控件等...
2. 表单基础设置:表单管理员设定枚举项和枚举值,如选项列表。 3. 设计表单:表单管理员绘制表单样式并设置数据项属性,如必填项或格式限制。 4. 表单流程绑定:建立表单流程模板,设置不同节点的编辑权限。 5. ...
一、Flash表单基础 Flash表单是使用Adobe Flash创作工具设计的交互式表单,允许用户输入数据并通过ActionScript(Flash的编程语言)处理和提交这些数据。ActionScript可以实现复杂的逻辑控制,如验证用户输入、...
1. **HTML表单基础**:HTML(超文本标记语言)是网页内容的基础,其中`<form>`标签用于创建交互式表单。表单元素包括`<input>`(输入字段)、`<textarea>`(多行文本输入)、`<select>`(下拉列表)、`<option>`...
1. **PHP 联系表单基础** PHP联系表单是网站与用户交互的重要途径,通常用于收集访客的询问、建议或反馈。Contactable 1.3提供了这一核心功能,允许用户填写姓名、电子邮件地址、电话号码以及自定义消息,然后通过...
1. **HTML表单基础** HTML中的`<form>`元素用于创建表单,它包含了各种输入控件,如`<input>`、`<textarea>`、`<select>`等。在`<form>`标签内定义`action`属性指定表单数据提交的URL,`method`属性则定义提交方式...
一、HTML表单基础 HTML(HyperText Markup Language)中的`<form>`标签用于定义表单,通过不同的输入元素(如`<input>`, `<select>`, `<textarea>`等)让用户填写信息。例如,创建一个简单的登录表单可以这样写: `...