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

表单提交input、button、submit区别

再加上它样式难以定制、不可作为其他标签容器, 所以建议不要用input作为表单提交按钮。 注意:inputtype属性还可以是button,这时它只是一个按钮,不会引发表单提交。...IE浏览器兼容,请记住button[type]在IE默认值是button,这意味着它只是一个按钮而不会引发表单提交。   ...提交表单时,value会被作为表单数据提交给服务器。 在IE,甚至会把button开始与结束标签之间内容作为name对应提交给服务器。...当表单只有一个单行文本输入控件时,用户代理应当接受回车键来提交表单。 “单行”指的是type为text而非textarea,显然在textarea回车提交表单是怎样难以接受。...其实在实践,有多个单行input也可以用Enter提交,比如登录页面。 4.阻止表单提交 阻止表单提交也是一个常见的话题,通常用于客户端表单验证。

3.2K100
您找到你想要的搜索结果了吗?
是的
没有找到

提交文件至服务器设置——表单属性 enctype

文章目录 前言 一、enctype 属性设置 二、文件域设置 总结 ---- 前言 我们在使用 HTML 写表单时候,如果需要上传本地文件至服务器,我们就需要对文件域中 enctype 属性进行调整并设置提交方式...、enctype 属性设置 enctype 属性用于设置 MIME 类型,默认值为: application/x-www-form-urlencoded 将文件上传至服务器,需将编码方式设置为下,同时表单提交方式应为...multipart/form-data 二、文件域设置 设置文件域时,type 属性值必须为"file",name 设置文件域名称,用于在脚本获取域数据。...说明:在上图中,用户可直接将需上传文件路径填写在文本框,也可以点击“浏览”按钮,在本地找到需要上传文件。...当然,我们如果记不住可以去查 W3school 教程,对于前端程序员来说是一本不错字典。 ? ---- 我是白鹿,一个不懈奋斗程序猿。望本文能对你有所裨益,欢迎大家一键三连!

1.2K21

Struts2(二)---将页面表单数据提交给Action

---域模型注入,是将表单数据项打包传入给Action一个实体对象。 我们继续使用项目Struts2hello Struts实例,在其基础上使用这2方式完成页面向Action参数传递。...具体我们可以在项目首页index.jsp上追加表单,并在表单模拟一些数据,将这些数据提交给HelloAction,最后在HelloAction中将接受参数输出到控制台。...具体实现步骤: 1>基本属性注入 步骤一: 在Struts2Day01项目的index.jsp,追加表单,并将该表单设置提交给HelloAction,即将formaction属性设置为:“/Struts2Day01..."/> 步骤二:HelloAction,接收表单传入参数 在HelloAction,追加属性并用于接收表单传入姓名参数,该属性名称要求与文本框值相同...由于index.jsp表单将请求提交给HelloAction,而HelloAction又会跳转到hello.jsp,因此最终浏览器显示效果如下图: ?

61610

关于拖拽功能在IE11 、Firefox和Safari兼容问题

拖拽功能不兼容主要有4大主要原因: 1是eventpath属性引起bug(ie,firebox,safari) 2是eventdataTransfer.setData属性(ie,firebox...) 3是firefox在拖动时候会打开一个新窗口 (firbox) 4是ie11不支持onclick属性方法 ; ie11 里元素对象attributes排序和其他浏览器不同, ie11 ...remove()方法work (ie) 对于原因1解决方案 其中IE11 压根就不支持path属性,firefox和Safari还勉强通过hack方式获取到path,获取方式如下: const...('click', function () {}) 如果你业务代码里包含 获取对象attributes代码,比如 event.target.attributes[n].xxx 在ie11attributes...解决这个问题 ,我是通过遍历attributes 找到符合我要代替之前写死attributes顺序 针对ie11 remove()work情况,可以用代码 parent.removeChild

3.3K30

杨校老师课堂之基于Servlet整合JQueryAjax进行表单提交

采用Ajax整合表单数据进行提交给Servlet后台代码、可以完成同步或者异步操作。 以下,并没有去声明同步或者异步。该属性为async,默认值为true[异步]....",// 替换掉form表单action属性值 type:"POST",//替换掉form表单method属性值 data:{'bookName...$("#btn").click(function () { // 调用JQuery .ajax()方法【url表示传递数据到哪里地址...",// 替换掉form表单action属性值 type:"POST",//替换掉form表单method属性值...// serialize():是可以将整个表单数据转成URL字符串格式{注:意味着将整个表单进行了提交、不再像中级版一个参数一个参数提交了} data: $("#myform

1.8K10

工作碰到js问题(disabled表单元素不能提交到服务器)

今天碰到一个奇葩问题,asp页面表单提交后,有一个文本框在后台获取不了, 这个标签在form表单内,也有name...几经周折,终于找到了原因,原来我在提交表单时候,name = "phone"这个标签此时在一个javascript事件中被禁用了,即完整该标签状态为: <input type="text" name...意思应该是phone标签在客户端被禁用了,表单提交就不会提交到服务器去。...=img.height+75; 这段代码在IE/Firefox浏览器,是能够获取到img对象宽度和高度,但是在谷歌浏览器获取宽高值为0px。   ...应该是这段代码,在谷歌浏览器图片还没加载完,此时获取图片宽度和高度自然是0px。

1.9K20

Datatables表格插件,你用过吗?

这时候就有一个问题了,后台分页时如何知道你多少数据分页,你排序方式是哪个字段进行什么排序。...需要自己去写一个form表单用于搜索提交数据。并且给form表单禁止submit提交。...在ajax请求利用data属性动态实时获取用户输入数据,并把其赋值给dataTable,然后doSearch方法重新拉起一次dataTable请求,这时请求参数就添加了需要字段和值; <form...下面我们来处理操作这一列,一般会有修改和删除两个按钮。这个也有两种方法去实现。...可以在模型定义一个字段(我这里叫action)只要和你colums:[{data:'action'}]对应就可以。使用laravel模型属性和方法去实现。 <?

6K30

主页后台源码及释义

知识点分析 1、给服务器端控件(Literal)赋值 非列表型常用服务器端控件有 Literal、Label、HyperLink、Image、HiddenField、TextBox、Button,不用提交表单页面常用前四个...,用提交表单常用后三个。...Literal 只输出文字不输出任何 Html 元素,而 Label 输出 Html 元素与文字,即用 文字; HyperLink 是超链接,在前台输出 文字 ; Image 是图片,在前台输出 ; 后三个在提交表单页再一一介绍...SQL 语句,SQL 语句意思是:从数据库新闻表(news)取出添加日期(adddate)排序 11 条记录(top 11),选出字段为:newsid,newsname,adddate; 2)...然后调用SqlData类 dataTable 方法执行 SQL 语句,并把获取到记录赋给DataTable变量 dt;类SqlData主要实现连接数据库和从数据库取出记录,具体实现方法请看SqlData

1.5K90

关于JSON.stringify和Unicode编码,需要注意几点

1JSON.stringify会自动把所要转换内容汉字转换为Unicode编码 2浏览器间有差别,个别浏览器会把将要提交表单内容Unicode编码自动转为汉字(Chrome自动转换,IE转)...浏览器—1—提交表单——Web服务器—2—asp解析器 Chrome在1处,在表单提交到服务器前转码。 IIS7在2处在把表单数据交给asp解析器前转码。...用JSON.stringify转换再提交内容如果有汉字则需要特别处理。 1不用管他,交给web服务器处理。 2改JSON.stringify,看那JS代码我就放弃了。...走IE调试,用Chrome调试,查断点,Chrome回发数据就是"单选",不是IE"\u5355\u9009"。 Chrome提交数据时自动把Unicode编码转为了汉字了。...一定是服务器IIS服务也自动把表单Unicode编码转为汉字。

2.1K80

关于JSON.stringify和Unicode编码,需要注意几点

1JSON.stringify会自动把所要转换内容汉字转换为Unicode编码 2浏览器间有差别,个别浏览器会把将要提交表单内容Unicode编码自动转为汉字(Chrome自动转换,IE转)...浏览器—1—提交表单——Web服务器—2—asp解析器 Chrome在1处,在表单提交到服务器前转码。 IIS7在2处在把表单数据交给asp解析器前转码。...用JSON.stringify转换再提交内容如果有汉字则需要特别处理。 1不用管他,交给web服务器处理。 2改JSON.stringify,看那JS代码我就放弃了。...走IE调试,用Chrome调试,查断点,Chrome回发数据就是"单选",不是IE"\u5355\u9009"。 Chrome提交数据时自动把Unicode编码转为了汉字了。...一定是服务器IIS服务也自动把表单Unicode编码转为汉字。

1.4K40

富Web应用架构与转化方法:Web应用系列第二篇

例如,单击按钮可创建弹出模式对话框以处理信息。丰富组件使用标记写入页面包含非常复杂Javascript库。今天有许多优秀开源组件库。...在本课程,我们将使用RichFaces组件。 丰富应用程序标志之一是缺少页面重新加载和减少页面导航。例如,您在表单上输入数据,然后单击“提交按钮。没有明显等待响应。...三、Ajax表单提交 我们将看到第一个特性,是能够提交表单数据并仅在页面的该部分调用JSF生命周期而无需重新加载页面。 以下是声明注册表单页面部分(简化以供讨论): ?...他们可以接受: 要渲染空格分隔组件列表 @form - 提交在其嵌入表单定义所有字段 @this - 组件本身内声明区域或组件 @none - 渲染页面的任何部分 @all - 渲染页面上所有组件... 探索客户端验证 我们为表单每个输入组件添加了丰富验证器(包括单选按钮等)。

3.5K20

java表单提交方法_表单提交几种方式

大家好,又见面了,我是你们朋友全栈君。 通用提交按钮–> 2、 提交 3、 说明:用户提交按钮或图像按钮时,就会提交表单。...使用或都可以定义提交按钮,只要将其特性值设置为“submit”即可,而图像按钮则是通过type特性值设置为”image”来定义。因此,只要我们单击一下代码生成按钮,就可以提交表单。...4、阻止表单提交 只要在表单存在上面列出任何一种按钮,那么相应表单控件拥有焦点情况下,回车键就可以提交表单。如果表单里没有提交按钮回车键不会提交表单。...提交表单时可能出现最大问题,就是重复提交表单。在第一次提交表单后,如果长时间没有反映,用户可能会变得不耐烦。这时候,他们也许会反复单击提交按钮。...本站仅提供信息存储空间服务,拥有所有权,承担相关法律责任。如发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

5K40

【HTML】HTML 注册表单案例 ② ( 表格内容设置 | 下拉列表 | 输入文本框 | 复选框 | 文本域 | 图片按钮 | 链接 )

文章目录 一、表格内容设置 1、设置下拉列表 2、设置输入文本框 3、设置复选框 4、设置文本域 5、设置图片按钮 6、设置链接 二、完整代码示例 一、表格内容设置 ---- 1、设置下拉列表..., 使用 input 表单 , 设置表单类型为 text , 并通过 value 属性设置提示信息 ; 代码示例 : <!...td 标签 , 设置 复选框 , 将 input 表单类型设置为 checkbox , 为其设置不同 name 用于识别复选框 , 复选框后面跟着 选项名称 ; 代码示例 : <!...在表格 td 单元格 , 设置 input 表单 , type 类型设置为 image 类型 , src 设置图片 相对路径 ; 要将 图片按钮与 第二列 进行对齐 , 在该行表格 , 第一个单元格...需要空出来 , 只在第二个单元格设置图片按钮 ; 代码示例 : <!

5.7K20

HTML表单用法

get是把参数数据队列加到提交表单ACTION属性所指URL,值和表单内各个字段一一对应,在URL可以看到。...name 属性用于对提交到服务器后表单数据进行标识,只有设置了 name 属性表单元素才能在提交表单时传递它们值。 4、radio 如何分组?...,在表单插入隐藏域目的在于收集或发送信息,以利于被处理表单程序所使用。...有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是那一个按钮提交上来呢?...我们就可以写一个隐藏域,然后在每一个按钮处加上onclick=”document.form.command.value=”xx”“然后我们接到数据后先检查command值就会知道用户是那个按钮提交上来

2.4K50

Asp.net_Study学习笔记

action指定把表单内容提交给谁。...浏览器向服务器端提交数据,被提交数据表单(input. selecttextarea等)放到form,form 通过action属性设定表单提交给哪个页面,为了在服务端取出表单值,需要在HTML...表单元素设定name属性 注意id是给JS操作Dom用,name才是提交给服务器用。...补充: 当我们点击[登录]按钮以后是浏览器将用户填写文本框等控件值“提取”出来发送给服务器,而不是服务器来读取用户填写这个页面。 哪些标签哪些值会被提交给服务器呢?...对于RadioButton, 同name为一组,违RadioButtonvalue被提交到服务器 当input= submit时候,只有被点击按钮(要有name)value才会被提交

21610
领券