form表单中几种属性

        表单的主要功能是收集信息,一般分两部分:1.体现表单元素的HTML代码;2.客户端脚本 ,或是服务器用来处理用户所填写信息的程序。

       action就是你表单要提交的地址。地址可以是请求后台的地址,如Servlet, Struts 等;也可以是提交到另一个页面的地址,如HTML,jsp等。

       method是将表单的数据从浏览器传送到服务器的方法。即开始时浏览器将与 action 属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就将数据发送给服务器。常用的有get和post方法。

            1.method="get" :是以url传递的,因为地址栏长度有限,所以对数据量有限制,而且传递的数据必须是在ASCCI码值范围内,因此,传中文会有乱码,需特殊处理;

            2..method="post" :是传递大量数据时使用的,在数据传递之前会先将数据打包,因此这种传递数据的方式会效率会比较慢,但是穿过的数据都能正确解析,所以传中文不会有乱码。

       input表示form表单中的一种输入对象,随type的不同分为各种不同输入框及按钮。type值可为text,passward,file,button,checkbox,hidden(隐藏域)等。

       name规定了input元素的名称。该属性可对提交到服务器后的表单数据进行标志,这样才能使表单元素在提交时传递其值。

       value属性为input元素设定值。                

               type="button", "reset", "submit" - 定义按钮上的显示的文本;

               type="text", "password", "hidden" - 定义输入字段的初始值;

               type="checkbox", "radio", "image" - 定义与输入相关联的值;

      其中checkbox和radio必须设value值,而value与file无法同时使用。

form 表单的提交有以下几种方式: 1. GET 方法提交:当表单的 `method` 属性设置为 `GET` 时,表单数据会附加在 URL 的查询参数,通过 GET 请求发送给服务器。这种方式适用于对数据安全性要求不高、数据量较小的情况,例如搜索表单。 2. POST 方法提交:当表单的 `method` 属性设置为 `POST` 时,表单数据会作为请求的内容体发送给服务器。这种方式适用于传输敏感数据或者数据量较大的情况,例如用户注册或登录表单。 3. AJAX 提交:使用 JavaScript 的 XMLHttpRequest 或 Fetch API,可以通过异步的方式将表单数据发送给服务器。这种方式可以在不刷新整个页面的情况下发送数据,并且可以处理服务器返回的结果,实现无刷新的交互效果。 4. File Upload 提交:当表单包含文件上传字段时,可以使用特殊的 enctype 属性(如 `enctype="multipart/form-data"`)以及相应的后端处理逻辑来实现文件的上传。这种方式适用于需要上传文件的场景,例如上传图片、视频等。 5. 使用 JavaScript 提交:通过 JavaScript 可以监听表单的提交事件,并自定义处理逻辑。可以使用 JavaScript 构建请求并将表单数据发送给服务器,例如使用 Fetch API 或其他 AJAX 库来完成提交操作。 需要注意的是,在表单提交时,通常会通过设置 `action` 属性指定处理表单数据的后端地址。同时,表单字段需要通过 `name` 属性来标识,以便后端能够正确解析和处理数据。 根据具体的需求和场景,可以选择适合的提交方式来实现表单数据的传输和处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值