关于一些 web开发中 冷门 不常用 不重要 但是却很基础的知识.
基本上 这些知识可以知道也可以不知道, 而且这些知识随着 浏览器版本的演进,随时都有可能发生变化.
其实下面两篇文章也属于 冷知识
safari 3 的一个bug : 关于select的
http://fins.iteye.com/blog/167978
firefox 2 的一个bug (更新) :关于页面元素位置信息
http://fins.iteye.com/blog/167837
好下面言归正传
=================================
<button>...</button> 作为 input type="button/submit/reset"的一个代替者,功能更强大, 标签的语义也更明确 是实际开发中推荐使用的一个html标签.
但是关于他有几个小细节.
首先
1 <button>...</button> 中间的 ... 支持html代码
<button>按<strong>钮</strong>啊</button>
2 <button>...</button> 在不指定 type="..."时,
在IE下是默认代表 input type="button"
其他浏览器下代表 input type="submit"
所以为了更好的跨浏览器, 请不要忘记给button标签指定 type.
3 (此问题不仅仅涉及到button)
<button id="btn1" >...</button> 如果不指定 type. 下面的js代码
Javascript代码
var t1 = document.getElementById('btn1').type;
var t2 = document.getElementById('btn1').getAttribute('type');
var t1 = document.getElementById('btn1').type;
var t2 = document.getElementById('btn1').getAttribute('type');
在ie7下, 均为 "button"
在opera下, 均为 "submit"
在ff2下 , t1为"submit" ,t2为null
在safari下 t1为空串 ,t2为null
Html的button标签和input type="button|submit|reset"起的作用是一样的，button标签在ie6，ie7下默认不写type属性的行为相当于<button type="button" 即不会造成form 提交，而在ie8和firefox下不写type默认相当于<button type="submit" 即会提交表单。
reference:
http://www.dudo.org/article/CSSJS/192.htm
分享到：
相关推荐
33. <button>：<button> 标签定义一个按钮。 34. <fieldset>：<fieldset> 元素可将表单内的相关元素分组。 35. <legend>：<legend> 元素为<fieldset>元素定义标题（caption ）。 补充 a) 客户端向服务端发送数据...
HTML5 标签属性大全 本资源旨在为初学者提供一个完整...* 表单提交：<button> 标签：用于在 HTML 文档中添加表单提交按钮 本资源旨在为初学者提供一个完整的 HTML5 标签和属性大全，帮助他们从入门到熟悉使用 HTML5。
原始代码中的<button>标签会被替换成<input>标签，通过这种方式来避免按钮导致页面刷新。具体代码如下： ```html <input class="layui-btntest">test</input> ``` 这种方法的原理是，<input type="button">在所有...
此外，还有 <textarea> 标签用于创建多行文本框、<select> 标签用于创建下拉菜单、<button> 标签用于创建按钮等。 表格标签 HTML 中的表格标签可以用来创建表格。例如：<table> 标签用于创建表格：<table border=...
<button>标签定义了按钮，可以接收用户输入。它可以包含文本、图片或其他HTML内容。 <canvas>标签用于通过JavaScript在网页上绘制图形，它为动态和交互式图形提供了丰富API。 <caption>标签用于定义表格的标题，为...
使用<form>标签构建表单，<input>标签定义输入字段，如文本框、电子邮件地址、电话号码等，<button>标签创建提交按钮。 8. **底部信息**：包括版权声明、隐私政策链接、社交媒体图标等，提供更多的联系方式和站点...
6. **联系方式**：包括联系表单或电子邮件链接，使用<form>标签创建表单，<input>标签定义输入字段，配合<button>标签完成提交功能。可能还会集成Google Maps API显示工作室位置。 7. **响应式设计**：为了适应不同...
在XAML中，可以通过`<Button>`标签直接创建，如： ```xml <Button Content="点击我" /> ``` 默认样式可以通过修改`<Style TargetType="Button">`进行全局调整。 2. **自定义背景和边框**： 开发者可以使用`...
为了让表白页面更具互动性，我们可以使用<button>标签创建按钮，配合JavaScript进行事件监听，当点击按钮时触发特定的效果，如弹出对话框、显示隐藏的告白文字或动画。例如，可以编写如下JavaScript代码： ```html ...
<attribute> 以对象的形式代表了 HTML 元素的标签属性或属性。 <B> 指定文本应以粗体渲染。 <base> 指定一个显示 URL 用于解析对于外部源的链接和引用，如图像和样式表。 <baseFont> 设置渲染文本时作为缺省字体的...
<button onclick="playGif()">继续播放</button> ``` 这样，用户就可以通过点击按钮来控制GIF的播放了。这种方法的一个限制是，由于浏览器缓存机制，某些情况下可能无法立即看到暂停效果。为了解决这个问题，我们还...
HTML5允许我们在`<button>`标签内部包含HTML内容，如图标或链接： ```html <button><i class="fa fa-heart"></i> 点赞</button> ``` 同时，可以使用CSS定义按钮的边框、填充、阴影等样式： ```css button { border:...
- **说明**：`<button>` 标签用于指定其中所含的HTML要被渲染为一个按钮。例如： ```html <button type="button">点击我</button> ``` ##### 标签：caption - **说明**：`<caption>` 标签用于指定表格的简要描述...
- `<h1>`至`<h6>`：这些标签定义了不同级别的标题，`<h1>`为最高级别，`<h6>`为最低级别，常用于文章标题或子标题。 - `<p>`：段落标签，用于分隔文本内容，创建新的段落。 - `<strong>`和`<em>`：强调标签，`...
6. `<button>`标签：创建自定义按钮，可以是提交数据的按钮，也可以是触发JavaScript函数的按钮。 示例： ```html <button type="submit">提交</button> <button type="button" onclick="alert('你好!')">点击...
<div class="plus-tag tagbtn clearfix" id="myTags"></div> <div class="plus-tag-add"> ...">添加标签</button> <a href="javascript:void(0);">展开推荐标签</a> </li> </ul> </form> </div>
* `<button>`：按钮标签 五、其他HTML标签 其他常见的HTML标签包括： * `<img>`：图片标签 * `<hr>`：水平线标签 * `<sub>`：下标文本标签 * `<sup>`：上标文本标签 HTML标签和属性是构建Web页面的基础，了解...
表单元素：`<form>`用于创建表单，`<input>`、`<textarea>`、`<select>`和`<button>`则用于输入数据、文本区域、下拉列表和按钮。`<label>`与`for`属性相结合，能提高表单的可用性。 HTML5引入了许多新特性，如`...
14. `<form>`、`<input>`、`<button>`: 用于创建表单，`<input>`可以是文本输入、密码输入、复选框、单选按钮等，`<button>`则定义了按钮。 15. `<label>`: 与`<input>`配合使用，提供更好的用户体验，点击标签时会...