从今天开始,建立一个标签
用来记录 一些 web开发中 冷门 不常用 不重要 但是却很基础的知识.
基本上 这些知识可以知道也可以不知道, 而且这些知识随着 浏览器版本的演进,随时都有可能发生变化.
其实下面两篇文章也属于 冷知识
safari 3 的一个bug : 关于select的 (我怀疑这个bug我是全球首发)
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代码
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
诡异吧. 太诡异了. 我比较能接受的是 ff2下的处理方法.
safari的做法实在是 ... 难道这事又一个safari的bug ???
分享到:
相关推荐
弹出层代码<div class="demo"> <div class="demo_1"> 基本示例:<button>点击这里</button> </div> <div class="demo_2"> 提示成功:<button>点击这里</button> </div> <div class="demo_3"> 提示失败:...
<card>标签用于包含其他富媒体元素,如image、button、title和subtitle等。它必须包括title和image,而subtitle、image和button为可选元素。card标签通常用于创建菜单,提供视觉上的丰富信息。 ```xml <card> ...
HTML5还包括了许多与输入相关的标签:<input>定义输入控件,<button>定义按钮,<select>和<option>定义下拉列表和其选项。表单元素如<keygen>用于生成密钥对,<datalist>和它的子标签<options>用于定义可供用户选择...
此外,还有 <textarea> 标签用于创建多行文本框、<select> 标签用于创建下拉菜单、<button> 标签用于创建按钮等。 表格标签 HTML 中的表格标签可以用来创建表格。例如:<table> 标签用于创建表格:<table border=...
<!DOCTYPE ... <div><button onclick="jixu()">继续</button></div> </div> </div> </div> <script type="text/javascript" src="../js/main.js"></script> </body> </html>
<button onclick="InitFrame()">初始化插件</button><br /> <button onclick="OnNew()">新建文档</button><br /> <button onclick="SaveAsLocal()">保存到本地</button><br /> <button onclick="Open()...
<button>+</button><button>-</button><button>*</button><button>/</button> <button>.</button> <!-- 特殊按钮 --> <button>=</button><button>AC</button><button>%</button> </div> </div> ``` 2. **...
- 表单元素:如<input>、<textarea>、<select>和<button>用于收集用户输入。 - 属性:如type(input的类型,如text、password、submit等)、name(识别表单元素的标识符)和value(元素的初始值)。 6. **响应式...
例如,<body>标签用于定义网页的内容,<head>标签用于包含网页的元数据,<title>标签定义了网页的标题,而<H1>到<H6>用于定义标题的不同层级,<p>用于创建段落,<a>标签用于创建超链接,<img>用于嵌入图片等。...
<button class="fill">Fill In</button> <button class="pulse">Pulse</button> <button class="close">Close</button> <button class="raise">Raise</button> <button class="up">Fill Up</button> ...
在XAML中,可以通过`<Button>`标签直接创建,如: ```xml <Button Content="点击我" /> ``` 默认样式可以通过修改`<Style TargetType="Button">`进行全局调整。 2. **自定义背景和边框**: 开发者可以使用`...
<form>用于创建表单,<input>、<textarea>、<select>、<option>等标签用于创建各种输入控件。<label>关联控件与文字描述,<button>定义按钮,<fieldset>和<legend>组织相关表单元素。 八、HTML5新增元素 HTML5引入...
<button>1</button> <button>2</button> <button>3</button> <button>+</button> <button>4</button> <button>5</button> <button>6</button> <button>-</button> <button>7</button> <button>8</button> ...
<Button>Hello</Button> </template> <script> import {Button} from 'kpc-vue'; export default { components: { Button } } </script> React 安装 npm install @king-design/react--save 使用 import {Button...
还有<section>、<article>、<aside>等语义化标签,提高了网页内容的可读性和可访问性。 总结来说,这个资源可能包含了一些基础的HTML元素和结构的实例,如标题、段落、链接、图像等,对于想要学习或回顾HTML基础...
<button id="start">开始游戏</button> </div> </div> </div> <div id="rigth"> <div class="next"></div> <div id="level"><span>Level:</span><span class="level">1</span></div> <div id="score"><span>...
此外,为了确保按钮在没有JavaScript的情况下仍然能正常工作,建议在`<button>`标签内使用`<form>`和`<input type="submit">`,并通过JavaScript添加点击事件来实现超链接的跳转。这样的做法可以提供更好的无障碍性...
8. **列表**:无序列表使用<ul>和<li>标签,有序列表使用<ol>和<li>标签。 9. **区块元素与内联元素**:区块元素如<div>、<p>、<h1>等占据一整块空间,内联元素如<a>、<span>、<b>等只占据自身内容的宽度,可以在...
免费QF控件下载 <br><br><br>Button :QF按钮控件<br><br>表示 QF(Windows增强) 按钮控件。<br>下表列出了由 Button 类型公开的成员。<br> <br><br>公共构造函数<br><br> public Button()<br> 摘要:<br> 初始化 ...