使用＜input type=“submit“＞和＜a＞提交数据

最新推荐文章于 2022-07-14 22:09:26 发布
最新推荐文章于 2022-07-14 22:09:26 发布
阅读量615 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010780755/article/details/111186665
版权
本文详细介绍了在HTML表单中如何使用`<input type='submit'>`与`<a>`标签来提交数据。分别讨论了两者的使用场景、交互方式以及它们在HTTP请求上的区别。通过实例解析，帮助开发者更好地理解何时选择使用submit按钮或a标签进行数据提交。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>tessss</title>
    </head>
    <body>
        <form action="./getData.php">
            <input name="food"
最低0.47元/天 解锁文章
welding_artist
关注
前端 -- 基础 表单标签 - input type属性（按钮篇- submit,reset,button,file）
三毛与海子的博客
04-03 1626
Submit reset button file
表单提交中的input、button、submit的区别
weixin_30376163的博客
12-29 2461
　　最近项目中用了很多的表单提交，发现input、button、submit甚至回车键都可以引发表单提交，下面将分别验证他们在使用中的区别。 1.input[type=submit] 我们直接来看例子： 代码如下： <form> <input name="name"> <input type="submit" value=...
html表单a标签，input标签等几种请求ajax提交数据给后台小结
07-21
html表单a标签，input标签等几种请求ajax提交数据给后台小结
<input type="submit" name="Submit" value="提交" />添加网站跳转的两种方式小结
热门推荐
budaoweng0609的博客
01-30 1万+
两种方法：一种是 本身在一个form表单里面，添加action就可以，比如,像这样子，另外一种很少使用在submit属性的按钮上，不过不是不行，你可以添加一个onclick，比如window.location.href='index.html'” value="提交" /> 此种方法要注意意看清引号的问题别搞错了 例如： name: passwor
type=submit表单提交
weixin_49884163的博客
08-08 2656
type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此 (2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。 Submit对象只有在自己被单击后的提交中才会作为键值对被提交。 οnclick="form1.action='a.jsp';form1.submit();" 这样就实现了submit的功能了。
html a标签使用submit,html - Use a normal link to submit a form - Stack Overflow
weixin_34826139的博客
06-27 314
Definitely, there is no solution with pure HTML to submit a form with a link (a) tag. The standard HTML accepts only buttons or images. As some other collaborators have said, one can simulate the appe...
HTML中a标签改为submit样式,button和a标签设置相同的css样式，但是宽度不同
weixin_28839549的博客
06-09 341
登录注册.btn {display: block;-moz-appearance: none;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-radius: 0.25rem;box-sizing: border-box;cursor: pointer;font-family: inherit;font-size: 0.8rem;...
input type="submit"与type="button"的区别
weixin_34342992的博客
12-14 369
2019独角兽企业重金招聘Python工程师标准>>> ...
JS表单提交验证、input（type=number） 去三角 刷新验证码
10-19
本篇文章将探讨如何使用JavaScript进行表单提交验证，特别是针对`<input type="number">`字段以及如何去掉数字输入框的上下箭头，并介绍如何实现验证码的刷新功能。 首先，当需要对表单进行验证时，可以监听表单的`...
Javascript——＜input＞: 输入（表单输入）元素的type和样式属性
mintsolace的博客
08-19 2094
<label for="name">Name (4 to 8 characters):</label> <input type="text" id="name" name="name" required minlength="4" maxlength="8" size="10"> label { display: block; font: 1rem 'Fira Sans', sans-serif; } input, label {
input submit、button和回车键提交数据详解
10-21
总的来说，`input[type="submit"]`、`button[type="submit"]` 和回车键都能触发表单提交，但它们各有特点和使用场景。`input[type="submit"]` 更简单但样式受限，`button[type="submit"]` 提供更多定制空间，回车键...
提交
weixin_44579300的博客
05-03 340
input标签提交1>input[type=submitinput的type属性是submit，会引发表单提交。 当作为按钮的input控件被当做一个表单输入提交给了服务器。键值对是 btn=>‘提交‘; 2>input[type=button] input的type属性还可以是button，这时它只是一个按钮，不会引发表单提交 2.button[type=submit] typ...
input type=submit与type=button
YoungYang7的博客
12-03 1290
input标签 1. type=button 定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。 <input type="button"> elements have no default behavior (their cousins, <input type="submit"> and <input type="reset"> are...
表单注册界面
weixin_50919504的博客
02-04 440
表单注册界面 代码 <!DOCTYPE html> <html lang="zh-cnb+-"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css</title> <style> input
表单元素input、button、submit、submit()、onsubmit()详解
至尊宝
07-24 2666
表单元素input、button、submit、submit()、onsubmit()详解 Leave a reply 返回顶部 type=”button”和type=”submit”区别 type=”button”实现type=”submit”功能 在提交表单数据时会用到input、button、submit、submit()、onsubmit()等元素，下面就
学习日记7：HTML表单
weixin_48485475的博客
07-14 155
HTML表单学习日记
提交按钮submit
whpu1234的博客
08-03 6341
1.提交按钮 submit  语法：&lt;input   type="submit"   value="提交"&gt;    1）type：这里选submit    2）value：按钮上现实的字 demo： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset=&q
用a标签实现submit提交按钮的效果
as55185897的博客
10-05 1394
原文出处：https://www.cnblogs.com/shadada/p/9116455.html 1 <form action="test.jsp" method="post" id="myform"> 2 3 　　名字：<input type="text" name="stu_n"/> 4 5 </form> 6 <a...
input type=submit
yuedanxu的博客
08-24 1869
<h1>Yuedan Xu</h> <p>Hello,I'm Yuedan Xu !</p> <input type="name" placeholder = "Your Name"> <input type="submit"><!DOCTYPE html><head> <title>Yuedan Xu</title> ***<style>*** **body{*
請你幫我美化重新佈局這段代碼<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>异常记录</title> <style> </style> </head> <body> <div id="menu"> <ul> <li><a href="/">首页</a></li> <li><a href="/index2">登记数据</a></li> <li><a href="/history">查询数据</a></li> </ul> </div> <div id="main"> <h1>异常记录登记</h1> <form method="post" action="/submit"> <label>确认线别：</label> <input type="text" name="line"> <label>确认日期：</label> <input type="date" name="date"> <label>异常机种：</label> <input type="text" name="model"> <label>异常现象：</label> <input type="text" name="prod_line"> <label>生产日期：</label> <input type="date" name="prod_date"> <label>生产班别：</label> <input type="text" name="shift"> <label>生产线别：</label> <input type="text" name="prod_line"> <label>责任人：</label> <input type="text" name="responsible"> <input type="submit" value="提交"> </form> </div> </body> </html>
最新发布
06-10
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>异常记录</title> <style> /* CSS样式可以在这里添加 */ /* 例如修改字体、颜色等 */ /* 例如 #menu ul li a {color: blue;} */ </style> </head> <body> <div id="menu"> <ul> <li><a href="/">首页</a></li> <li><a href="/index2">登记数据</a></li> <li><a href="/history">查询数据</a></li> </ul> </div> <div id="main"> <h1>异常记录登记</h1> <form method="post" action="/submit"> <label>确认线别：</label> <input type="text" name="line"> <label>确认日期：</label> <input type="date" name="date"> <label>异常机种：</label> <input type="text" name="model"> <label>异常现象：</label> <input type="text" name="prod_line"> <label>生产日期：</label> <input type="date" name="prod_date"> <label>生产班别：</label> <input type="text" name="shift"> <label>生产线别：</label> <input type="text" name="prod_line"> <label>责任人：</label> <input type="text" name="responsible"> <input type="submit" value="提交"> </form> </div> </body> </html>
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值