input的button类型，点击页面跳转

最新推荐文章于 2024-07-02 16:08:53 发布
最新推荐文章于 2024-07-02 16:08:53 发布
阅读量4.3k 收藏 18
点赞数 1
文章标签： python php 前端 ViewUI
原文链接：https://my.oschina.net/u/3625745/blog/3002900
版权
本文介绍了HTML中input type=button和type=submit的区别。type=button用于onclick事件触发页面跳转，例如返回列表页；type=submit则用于提交表单数据。文章还列举了多种页面操作，如刷新、前进、后退，并提供了点击按钮弹出确认对话框的方法。
摘要由CSDN通过智能技术生成

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

 

一、input type=button 不做任何操作

    例如： <input type="button" class="btn btn-primary" style="width: 30%" value="返回" οnclick="window.location.href='/users/list'"></input>

    onclick跳转到href对应值的URL本地地址

二、input type=submit 提交页面数据

    例如：<input type="submit" class="btn btn-primary" style="width: 30%;margin-left: 5%"></input>

    提交当前页面数据，常应用于form表单中

 

最低0.47元/天 解锁文章
helloxielan
关注
  • 1
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js点击button按钮跳转到另一个新页面
01-19
点击按钮怎么跳转到另外一个页面呢？我们在网站制作中可能是需要的，因为有时我们需要做这样的效果，尤其是将按钮做成一个图片，而点击图片要跳转到新的页面时，怎么做到呢？ 这样的效果可以：onclick=”[removed]=...
<input type="submit" name="Submit" value="提交" />添加网站跳转的两种方式小结
budaoweng0609的博客
01-30 1万+
两种方法：一种是 本身在一个form表单里面，添加action就可以，比如,像这样子，另外一种很少使用在submit属性的按钮上，不过不是不行，你可以添加一个onclick，比如window.location.href='index.html'” value="提交" /> 此种方法要注意意看清引号的问题别搞错了 例如： name: passwor
解析<button>和<input type="button"> 的区别
zljpp的专栏
06-15 1675
一、定义和用法 &lt;button&gt; 标签定义的是一个按钮。 在 button 元素内部，可以放置文本或图像。这是&lt;button&gt;与使用 input 元素创建的按钮的不同之处。 二者相比较， &lt;button&gt; 控件提供了更为强大的功能和更丰富的内容。&lt;button&gt; 与 &lt;/button&gt; 标签之间的所有内容都是按钮的内容，其中包...
完成一个逻辑,点击一个按钮让按钮旁边的input输入框中写入‘你好‘
最新发布
fury的博客
07-02 456
点击我按钮点击输入文字
input的button类型，点击然后页面跳转
junxieshiguan的博客
07-21 1万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;链接练习&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div&g
input框中内嵌button按钮
q850593913的博客
05-27 2万+
input框中内嵌button按钮 用途 常见的使用场景就是input框中输入手机号然后发送验证码 实现 大致框架 <div class="container"> <input type="text" placeholder="手机号"> <button>发送验证码</button> <input type="text" placeholder="验证码"> </div> <s
input的 type=button 和 button
09-01 2039
input的类型值(type)为submit可以点击按钮提交数据，button的值类型值为submit或是不设定值得情况下，点击按钮则都会提交表单数据。 单独的按钮(不提交数据type="button")，在页面对按钮的样式有更高要求时候使用<button> 元素会更加便利。 ...
input button实现页面跳转
热门推荐
weixin_38261616的博客
06-19 2万+
&lt;input type="button" value="点击返回主页"  onclick="跳转页面"&gt;1、onclick="window.location.href=' /test/uploadDIY.jsp '"2、onclick="javascript:window.location.href=' /test/uploadDIY.jsp '" 3、onclick="
HTML中button标签点击实现页面跳转的三种方法
01-21
input type=button value=按钮 onclick=javascrtpt:[removed].href='http://www.baidu.com/' /> 　或者直接使用button标签 <button onclick=[removed].href = 'https://www.baidu.com/'>百度</button&...
点击按钮或链接不跳转只刷新页面的脚本整理
09-04
在网页设计和开发中，有时我们需要实现一个功能，即用户点击按钮或链接后，页面不进行跳转而是仅刷新当前页面。这种需求可能出现在需要更新数据、重新加载动态内容或者确保用户始终留在同一页面的场景。以下是一些...
html input点击跳转页面
10-15
可以使用 JavaScript 来实现点击 input 元素跳转页面的效果。具体实现方法如下： 1. 给 input 元素添加一个 onclick 事件，当用户点击 input 元素时触发该事件。 2. 在 onclick 事件中使用 window.location.href ...
2023.11.18html中如何使用input/button进行网页跳转
leigh_chen的博客
11-20 3052
在做网页时有时会用元素，有时会用元素进行form表单操作或者网页跳转，但是用bootstrap时两种元素会出现不同的样式，为了样式一致，有时需要使用这两种元素相互实现其常用功能。
button标签和input的button
weixin_43840538的博客
04-30 2524
今天写表单的时候，加了几条验证信息，例如 用户名不能为空之类的，但是在测试的时候，用户名为空的情况下依然给我提交了，这就很难受了。 还好我之前写的时候参照过网友的一个表单，在他的代码下运行一点都没问题，于是我就看我的哪里和他不一样，终于经过我的火眼金睛，我发现我提交按钮用的是button标签，他是input里的button， 经测试 button应该和input 里的submit一样，有提交功能...
form 表单<input type="button" value="登录" onclick="loginSubmit ()"/> 点击提示 Uncaught TypeError: loginSubm...
anxingshe3043的博客
11-02 1003
在网上搜了一堆东东，仔细看了一下，再加上实验，发现原因出在<form>中。 <form method="post"> <button type="button" class="signin" id="loginNewSubmit" onClick="javascript:loginSubmit('new');">登录</button&gt...
button 和 input type="button"
小知的博客
03-03 657
&amp;lt;button&amp;gt; 标签定义一个按钮。 在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。 &amp;lt;button&amp;gt; 与 &amp;lt;/button&amp;gt; 标签之间的所有内容都是按钮的内容，可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。 一定要为按钮规定 type 属性。I...
button与input[type=”button”]的区别
weixin_33991418的博客
01-27 228
button与input[type="button"]的区别 　　特别感谢 @守护晴天 ，指出了博客中不细致不严谨的地方，也让我学到了更多，更多是觉得抱歉，由于自己的不细致可能误导了一些朋友对button的看法，实在是抱歉，之前看过这篇博客的朋友如果有时间的话希望能够再看一遍或者看提供的pdf，pdf文档上有更改记录，下载有修改记录的pdf，下载无修改记录版pdf。   在html中，如今有...
button与input button
路漫漫~
03-29 367
具有相同的作用但是在可操控性方面更加强大。  比更厉害的地方就在于它可以包含内容。它的值并不是写在value属性里，而是包含在标签中。如：OK。的起始标签和关闭标签都是必须的。这样你便获得了样式化的主导权。还可以插入图片
<button> 和 input button的对比（实实在在的被坑了一把!）
工匠
05-19 1833
标签 定义和用法  标签定义一个按钮。 在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。  控件 与 <input type="button"> 相比，提供了更为强大的功能和更丰富的内容。 与  标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值