HTML <input> <button> <submit>

定义和用法

value 属性规定与按钮关联的初始值。请始终为按钮规定 type 属性,如果不填默认值是 "submit"。submit其实就是一个特殊的button。

<button name="subject" type="submit" value="HTML">CSS</button>

重要事项:如果在 HTML 表单中使用 button 元素,浏览器将提交 value 属性的内容HTML。

<button> 与 <button/> 之间的文本,为button按钮上显示的文字CSS。

大家一般是在HTML 表单中使用 input 元素来创建按钮:
<input type="button" name="btn" value="提交"/>

input中 button和submit的区别

type=button      就单纯是按钮功能   
type=submit      是发送表单

但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性

  • 使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一。
  • 用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。

<input type="submit" name="b1" value="提交"     onClick="bt_submit_onclick()">
执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。

<input type="button" name="b1" value="提交"     onClick="bt_submit_onclick()">
执行完onClick,跳转文件在 js文件里控制。提交需要onClick。

时间: 2024-08-07 08:39:37

HTML <input> <button> <submit>的相关文章

input[type=&#39;submit&#39;]input[type=&#39;button&#39;]button等按钮在低版本的IE下面,去掉黑色边框的问题

今天做一个tabs效果的时候,发现上面的button在低版本下会出现黑色的边框,很难看,于是我整理了下几个去掉黑色边框的办法: 1.在button的外层嵌套一个div,设置button的border:none; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <st

input type=&quot;submit&quot; 和&quot;button&quot;有什么区别?

在一个页面上画一个按钮,有四种办法: <input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. <button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容.(当然

input button 与 submit 的区别

在表单中,我们会经常提交数据,通常使用<input type="submit" value="提交"/>进行提交数据, 另一种方式是使用<button></button>按钮,在表单中它的默认类型是submit, 也可以提交数据 但是与<input type="button"/> 不同,这个就仅仅是一个按钮,无法自动地在提交表单,但也可以结合JS来实现提交. --------------------

input type=&quot;submit&quot; 和&quot;button&quot;有什么区别

HTML中<input type="submit" /> 和 <input type="button" /> 主要从元素定义类型.点击触发动作两个方面来区别. 一.元素定义类型的区别: 1.<input type="button" /> 定义为一个可点击的按钮. 2.<input type="submit" /> 定义为一个提交按钮.提交按钮会把表单数据发送到服务器. 二.点击触

解决Firefox下input button内文字垂直居中

众所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现: 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致): 按钮文字居中是不行的(此时设置padding-bottom是没用的) : 等等… 1 input[type="reset"]::-moz-focus-inner, 2 input[type="button"]::-moz-focus

HTMLのフォームの送信ボタンは、inputとbuttonでは機能的な違いがありますか?

(X)HTMLのフォームの送信ボタンは.inputとbuttonでは機能的な違いがありますか? <input type="submit" value="送信" /><button type="submit">送信</button> 機能は同一です.(機能的な)違いはありません (当然ですが)デザインの都合で使い分けることは多いです. (気になったので追記) >button要素でもtype属性にsubmit

js实现input button从不可用变为可用

有时候明明是些很简单的东西,因为自己的一些大意,可能就在那圈子里一直兜兜转转,好久都绕不出来. 所以我也愿意把这些很简单的愚蠢写出来,与君共享~ 首先大家知道<input>有一个名叫“button”的type,它的可见与否由“disabled”属性决定. 下面的代码,我的原意是一个输入框和三个按钮.在点击“编辑”按钮前,另外三个都属于“不可用”状态,点击以后方能恢复可用. <html> <head> <meta http-equiv="Content-T

input[type=submit]以及数字日期在苹果手机上显示异常的处理

1.input的背景颜色显示不正常.如图所示: 在手机页面上写了个input的button按钮,但是颜色显示不对,发白,不知道怎么回事,比如下图,本来颜色给的是绿色和蓝色,结果却是这个样子. 解决方法: 在CSS中加上下面的代码即可: input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 2.阻止苹果手机网页上点击数字可能拨打电

input ,button, textarea 1)使用disabled , 2) 显示值, 3) 表单提交. 4) jquery.form.js ajaxSubmit() 无刷新ajax提交表单.

1.使用disabled input , button  textarea 可以 被 禁用, 禁用的效果 : 1) 上面的点击事件无法使用 --- button       : 下面的 onclick属性 不能使用了. ------------------------- input: ------------------------------ textarea 2. input, textaere 显示 原先 填充的值; input:  写在 value属性上. ---------------