对于想了解我可以使用HTML5在中嵌套元素吗?的读者,本文将是一篇不可错过的文章,我们将详细介绍html语言中可以嵌入css,javascript等语言,并且为您提供关于button和inputtyp
对于想了解我可以使用 HTML5 在 中嵌套 的读者,本文将是一篇不可错过的文章,我们将详细介绍html语言中可以嵌入css,javascript等语言,并且为您提供关于button和input type=button的区别及注意事项_HTML/Xhtml_网页制作、c – 我可以使用always emplace替换插入单个元素吗?、c – 我可以使用迭代器访问优先级队列的元素吗?、c# – 我可以使用Html Agility Pack吗?的有价值信息。
本文目录一览:- 我可以使用 HTML5 在 中嵌套
- button和input type=button的区别及注意事项_HTML/Xhtml_网页制作
- c – 我可以使用always emplace替换插入单个元素吗?
- c – 我可以使用迭代器访问优先级队列的元素吗?
- c# – 我可以使用Html Agility Pack吗?
我可以使用 HTML5 在 中嵌套
我正在执行以下操作:
<a href="www.stackoverflow.com"> <button disabled="disabled" >ABC</button> </a>
这很好用,但我收到一个 HTML5 验证错误,上面写着“元素’按钮’不能嵌套在元素’按钮’中。
谁能给我建议我应该做什么?
答案1
小编典典不,根据W3C 的 HTML5 规范文档,它不是有效的 HTML5 :
内容模型: 透明,但不能有交互式内容后代。
只要其中没有交互式内容(例如按钮或其他链接),a 元素可以围绕整个段落、列表、表格等,甚至整个部分。
换句话说,您可以将任何元素嵌套在 an 内,<a>
但以下内容除外:
<a>
<audio>
(如果存在控制属性)<button>
<details>
<embed>
<iframe>
<img>
(如果存在usemap属性)<input>
(如果类型属性不处于隐藏状态)<keygen>
<label>
<menu>
(如果类型属性处于工具栏状态)<object>
(如果存在usemap属性)<select>
<textarea>
<video>
(如果存在控制属性)
如果您想要一个链接到某个地方的按钮,请将该按钮包装在<form>
标签中,如下所示:
<formaction="http://example.com/" method="get"> <button>Visit Website</button></form>
但是,如果您的<button>
标签是使用 CSS 设置样式的,并且看起来不像系统的小部件……帮自己一个忙,为您的<a>
标签创建一个新类并以相同的方式设置它的样式。
button和input type=button的区别及注意事项_HTML/Xhtml_网页制作
定义和用法
标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定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、无意中把