社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > html教程 > button和input type=button的区别及注意事项_HTML/Xhtml_网页制作

button和input type=button的区别及注意事项_HTML/Xhtml_网页制作

WBOY
发布： 2016-05-16 16:40:38
原创
2316 人浏览过

定义和用法
标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定type属性。InternetExplorer的默认类型是"button"，而其他浏览器中（包括W3C规范）的默认值是"submit"。
浏览器支持
所有主流浏览器都支持之间的文本，而其他浏览器将提交value属性的内容。请在HTML表单中使用input元素来创建按钮。
注意事项
在使用value的值
在IE(IE内核)下这样用到得的是值是“按钮”，而不是“test”，非IE下得到的是“test”。参加上面标红的第一句话。
这一点要和区分开。
通过这两种方式$('#customBtn').val()，$('#customBtn').attr('value')在不同浏览器的获得值，如下：

Browser/Value

$('#customBtn').val()

$('#customBtn').attr('value')

Firefox13.0

test

test

Chrome15.0

test

test

Opera11.61

test

test

Safari5.1.4

test

test

IE9.0

按钮

按钮

验证这一点可以在测试下面的代码

复制代码
代码如下:






$(function(){
$('#test1').click(function(){
alert($('#customBtn').attr('value'));
});
$('#test2').click(function(){
alert($('#customBtn').val());
});
});



按钮





2、无意中把





相关标签：
button input type
来源：php.cn
上一篇：meta标签中的http-equiv属性使用介绍_HTML/Xhtml_网页制作 下一篇：了解html页面的渲染过程以备学习前端的性能优化(续)_HTML/Xhtml_网页制作
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
创建一个悬停效果，将菜单按钮转换为具有阴影克隆版本的 x 形状 首先我想承认我的标题很令人困惑，对此感到抱歉。我想要实现的是悬停时的以下效果：我的网站在这里https://wordpress-493302-3130963.cloudwaysap...
来自于 2024-04-04 11:55:21
0
2
315
在 javascript 中粘贴剪贴板数据 API 的功能出现错误 Uncaught TypeError: Cannot read properties of undefined (reading 'getData') Html按钮代码如下，我尝试了按钮上的简单onclick函数以及第二个按钮上的事件<buttononclick="myFunction()">Cli...
来自于 2024-04-04 10:23:52
0
1
335
React MUI：值选择问题和缺少默认值 我正在react中使用mui和formik创建一个表单。在使用select时，我使用api中的对象设置默认值，但select无法正常工作。我无法选择值，默认情况下也不会选择默认值。...
来自于 2024-04-04 08:32:56
0
1
420
在 jsx 模块中导入的 React CSS 未应用 我导入我的css文件，如下所示：importstylesfrom"./Documentation.module.css";使用此处的样式：<buttonc...
来自于 2024-04-03 18:41:07
0
1
365
元素之间缺乏间隔的动态添加问题 我在我的标记中有以下模板。<templateid="unsequenced-template"><buttontype="butto...
来自于 2024-04-02 16:51:12
0
1
315
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板