首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用锚+ javascript提交表单 - 不好的做法?

用锚+ JavaScript提交表单是一种不好的做法。这种做法通常是通过在URL中添加锚点(#)和JavaScript代码来实现表单提交,而不是使用传统的表单提交方式。

这种做法存在以下几个问题:

  1. 不安全:由于表单数据是通过URL传递的,所以用户输入的敏感信息(如密码)可能会被暴露在URL中,容易被恶意用户窃取。
  2. 不可靠:由于表单数据是通过URL传递的,URL长度有限制,当表单数据较大时,可能会导致数据丢失或截断。
  3. 不符合Web标准:使用锚+ JavaScript提交表单违反了HTML规范,破坏了Web应用程序的结构和语义。

相反,推荐使用传统的表单提交方式,即使用HTML的<form>元素和相关的<input>、<select>等表单控件来构建表单,并使用HTTP的POST或GET方法将表单数据发送到服务器。

腾讯云提供了丰富的云计算产品和服务,其中包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站(https://cloud.tencent.com/)了解更多关于腾讯云的产品和服务信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • (续)很久很久以前学,16个HTML笔记

    表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上或者取消输入,还可以表单按钮来控制其他定义了处理脚本处理工作。 ?...表单标签: 属性: 属性描述action规定向何处提交表单地址(URL)(提交页面)。autocomplete规定浏览器应该自动完成表单(默认:开启)。...target规定 action 属性中地址目标(默认:_self)。 Action属性: Action属性定义在提交表单时执行动作。通常表单会被提交到web服务器上某个PHP文件。...GET适合少量数据提交。一般使用GET提交时,提交数据会在地址栏中显示出来。一般搜索查询时候GET提交。 何时使用POST?...表单元素 表单元素指的是不同类型 input 元素、复选框、单选按钮、提交按钮等等。 元素是最重要表单元素。

    2.7K30

    前端学习笔记之HTML中id,name,class区别

    name 属性用于在 JavaScript 中对元素进行引用,或者在表单提交之后,对表单数据进行引用。...在表单当中,由于有些控件具备多元素特性,例如radio checkbox等,使用id不便于表单数据提交,此外浏览器会根据name来设定发送到服务器request,因此在表单当中,name来提交数据...但是name主要是提交表单 ,而class是设置标签类,用于指定元素属于何种样式类,主要用来设置css样式。但两种都可以用来识别css,推荐除了表单外都用class。...name用途 用途1: 主要是用于获取提交表单表单域信息, 作为可与服务器交互数据HTML元素服务器端标示,比如input、select、textarea、框架元素(iframe、frame...用途3: 建立页面中点,我们知道link是获得一个页面超级链接,如果不用href属性,而改用Name,如:,我们就获得了一个页面点。

    1.9K20

    HTML初学

    行为标准:主要包括对象模型 如DOM(文档对象模型)、JavaScript(标准脚本语言)等,负责描述页面的动态效果。..../ : 当前目录(即html文件所在目录),可省略 2.上级目录:…/ :上一级目录,如果想找再上一级…/…/ 3.下级目录:文件夹/ 图片: form属性: 1. action 规定当提交表单时,像何处发送表单数据。...表单数据可以作为 URL变量(method = “GET”) 或者HTTP post来发送(method = “POST”) get 把数据放到地址栏上提交,有大小限制,安全性不好 post...3.name 属性用于对提交到服务器后表单数据进行标识 4. value 为input元素设定值(默认值) 输入框值 选项值 按钮上文字 5.checked 在页面加载时应该被预先选定单选和复选选项

    3.3K40

    CTF—WEB基础篇

    作用 JavaScript 是脚本语言 JavaScript 是一种轻量级编程语言。 JavaScript 是可插入 HTML 页面的编程代码。...收集表单数据: 关于这一点,表单是编程常用数据输入界面。表单提交时通常使用get或者post两种方法将数据发送给php程序脚本进行处理。...建议: get方式安全性较Post方式要差些,包含机密信息的话,建议Post数据提交方式; 在做数据查询时,建议Get方式;而在做数据添加、修改或删除时,建议Post方式; 案例:一般情况下,登录时候都是...文件名部分也不是一个URL必须部分,如果省略该部分,则使用默认文件名 部分:从“#”开始到最后,都是部分。本例中部分是“OK”。部分也不是一个URL必须部分 参数部分:从“?”...程序,然后将用户表单信息传给CGI程序,CGI程序根据表单内容完成相应工作,并将结果数据返回。

    1.5K20

    HTML学习记录及整理

    它是一种标记语言,用于告诉浏览器区分文本含义,如哪些是标题,哪些是段落,哪些是超链接等,它不是用来定义文档样式,定义样式可以css。...定义JavaScript脚本。必须:type:text/javascript,可选src:URL 外部资源,charset:charset 字符集。等。...enctype发送表单之前编码方式 method:get/post,用于发送form-data方法 name表单名称 novalidate提交表时是否进行验证。...reset重置按钮,用于清楚表单所有数据 submit提交按钮 image图像形式提交按钮 radio单选按钮 checkbox复选框 file用于上传文件 hidden隐藏字段,对用户不可见。...相对URL-href="index.html"指向站点内某个文件。 URL-href="#top"指向页面中点。 target:在何处打开新链接页面。 _blank新建窗口。

    5.2K80

    button标签和div模拟按钮区别

    蛮有意思,之前面试某厂时候遇到了这个问题,答得不是很好,专门整理一波~表单使用上如果button在form表单内部,则可以不用JavaScript绑定onclick属性就可以提交表单内容(type...= 'submit'),而如果不在form表单内部,又不考虑语义化,那么作为按钮,div和button来写按钮就没什么太多区别,只存在一些外观上和语义化细微区别。...button type 属性实际上,它还能与menu产生联动,如MDN对button type 属性描述:submit: 此按钮将表单数据提交给服务器。...另外,大部分搜索引擎并不对button和input做过多处理(不感兴趣),如果你想实现分享、页面点or链接到别的页面并需要由搜索引擎抓取,使用标签对SEO更有意义。...参考:div与button标签作为按钮一些区别MDN 文档SEO: \ vs \ HTML tags [closed]

    16510

    HTML基础

    (href="index.htm") URL - 指向页面中(href="#top") (即设定id值) ''' 列表标签 ''' : 无序列表 [type属性:disc...input等只有在form里面,信息提交才能生效 表单属性  action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来数据(即表单元素值)作相应处理,比如https://www.sogou.com.../web method: 表单提交方式 post/get默认取值就是get 表单元素 基本概念: HTML表单是HTML元素中较为复杂部分,表单往往和脚本、动态页面、数据处理等功能相结合,因此它是制作动态网站很重要内容...表单一般用来收集用户输入信息 表单工作原理: 访问者在浏览有表单网页时,可填写必需信息,然后按某个按钮提交。这些信息通过Internet传送到服务器上。 ...name: 表单提交键.

    1.6K50

    js事件防止冒泡

    事件处理程序中变量event保存着事件对象。而event.target属性保存着发生事件目标元素。这个属性是DOM API中规定,可是没有被全部浏览器实现 。...与.target类似,这种方法也是一种纯JavaScript特性,但在跨浏览器环境中则无法安全地使用 。 只是,仅仅要我们通过jQuery来注冊全部事件处理程序。就能够放心地使用这种方法。 以下。...默认操作 假设我们把单击事件处理程序注冊到一个元素,而不是一个外层上,那么就要面对另外一个问题:当用户单击链接时。浏览器会载入一个新页面。...这样行为与我们讨论事件处理程序不是同一个概念,它是单击元素默认操作。类似地,当用户在编辑完表单后按下回车键时。会触发表单submit事件,在此事件发生后,表单提交才会真正发生。...在表单提交期间。我们会对用户是否填写了必填字段进行检查。假设用户没有填写对应字段,那么就须要阻止默认操作。我们将在第8章具体讨论表单验证。

    2.5K40

    前端学习自学笔记:day03

    例: action属性:通过为form表单添加action属性可以跟服务器进行交流,action属性值指定了表单提交到服务器地址。...button(按钮),例:this button submits the from 注意:当你设计表单时,你可以指定某些选项为必填项(requied),只有用户填写后方可提交表单。...例: div元素:称为层元素(盒子),可以利用div把css传递给它包含所以元素,你可以 来标记一个div元素开始,然后 来标记一个div元素结束。class来传递。...例: .c{ background-color:green; } id属性:每个元素id属性都是唯一,方便数据库提交。...语法: 文本 例: 首先,我们在 HTML 文档中对进行命名(创建一个书签):基本操作事项 - 有用提示 然后,我们在同一个文档中创建指向该链接:有用提示 您也可以在其他页面中创建指向该链接

    1.9K50

    001.html常用基础知识点

    表单控件: ​ 包含了具体表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。...表单域: ​ 他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序url地址,以及数据提交到服务器方法。...---- 表单域 在HTML中,form标签被用于定义表单域,即创建一个表单,以实现用户信息收集和传递,form中所有内容都会被提交给服务器。...创建表单基本语法格式如下: 各种表单控件 常用属性: Action 在表单收集到信息后...method 用于设置表单数据提交方式,其取值为get或post。 name 用于指定表单名称,以区分同一个页面中多个表单。 注意: 每个表单都应该有自己表单域。

    3K20
    领券