`

HTML学习--把Button变成a标签一样,带链接

阅读更多

在做HTML网页的时候遇到的问题,在页面上不使用a标签,而是使用button标签.问了一下同事,他们告诉了我这个:
        <a href="目标地址"
><input type="button" value="提交"></a>
  上面这种也可以使用button.
我在Firefox中使用了这个,嗯,效果很不错.但是我的网页也需要在IE中测试,发现这按钮竟然失效了.我又从网上问了大神们,找到了这个:
     

  <input type="button" value="提交" onClick="location.href='目标路径'"/>

       其实只使用下面这种就可以了,因为在Firefox中也有效果.O(∩_∩)O!
 

分享到:
评论

相关推荐

    好东西html标签速查

    2. **超链接标签** (`&lt;a&gt;`):用于创建内部或外部链接,例如: - `&lt;a href="url"&gt;`:创建一个链接到特定URL的超级链接。 - `&lt;a href="mailto:邮件地址"&gt;`:创建一个链接,点击后将打开预填收件人邮箱地址的邮件...

    HTML标签速查参考手册(实用速查收藏版)

    - `&lt;A&gt;`: 创建超链接,`href`属性定义链接地址,`target`属性定义打开方式。 6. **图像** - `&lt;IMG&gt;`: 显示图像,`src`属性定义图像源,`alt`属性提供替代文本。 7. **表单** - `&lt;FORM&gt;`: 创建表单,`action`...

    Button_001:$+$ 按钮创建 - 使用 HTML 和 CSS。 按钮编号 - 001 || 纽扣系列

    如果你想要创建一个链接式按钮,可以使用`&lt;a&gt;`标签,结合`&lt;button&gt;`元素的部分特性。例如: ```html &lt;a href="https://example.com" class="link-button"&gt; &lt;button id="button-001"&gt;访问示例网站&lt;/button&gt; &lt;/a&gt; ``...

    解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题

    可以通过在Vue组件的样式文件(如`style`标签内)中添加以下语句: ```css @import "../../node_modules/quill/dist/quill.snow.css"; ``` 这行代码会导入Quill的Snow主题样式,解决图标和布局问题。然后在使用`...

    HTML标签英文单词

    `&lt;a&gt;` 标签定义了超链接,可以链接到其他网页、同一网页中的位置、电子邮件地址或下载文件等。它通过 `href` 属性指定目标URL。 ### &lt;abbr&gt;: Abbreviation `&lt;abbr&gt;` 标签用于定义缩写词。浏览器默认会在鼠标悬停时...

    HTML简单的悬停效果.

    在这个例子中,当鼠标指针悬停在任何`&lt;a&gt;`标签上时,文字颜色会变为红色。这个效果可以应用于任何元素,不仅仅是链接,比如`&lt;div&gt;`、`&lt;button&gt;`等。 在提供的文件`css3-hover-effects.html`中,我们可以预期看到更...

    a标签置灰不可点击的实现方法

    通过在`&lt;a&gt;`标签的`onclick`事件中返回`false`,可以阻止链接的默认行为。例如: ```html &lt;a onclick="return false;" href="http://example.com"&gt; 点击我,但不会跳转 &lt;/a&gt; ``` 这样设置后,即使用户点击了...

    HTML标签大全

    - **`&lt;button&gt;`**: 按钮标签。 - **`&lt;textarea&gt;`**: 多行文本输入区域标签。 - **`&lt;iframe&gt;`**: 内联框架标签,用于在页面中嵌入另一个HTML文档。 - **`&lt;table&gt;`**, **`&lt;th&gt;`**, **`&lt;td&gt;`**: 表格标签,分别表示表格...

    HTML标记快速查询表

    - `BACKGROUN`, `BGCOLOR`, `TEXT`, `LINK`, `ALINK`, `VLINK`:这些属性用于设置页面背景、文本、链接颜色,但现代HTML更倾向于使用CSS来实现这些效果。 2. **文本风格类型**: - `&lt;b&gt;`:使文本变为粗体。 - `...

    HTML 常用标签大全 适合初学者查阅

    - **`&lt;a&gt;`**:超链接标签,用于创建到其他网页或位置的链接。 - `href`属性:指向链接的目标地址。 - `target`属性:定义链接打开的方式,如`_blank`(新窗口)、`_self`(同一窗口)等。 - `name`属性:用于定义命名...

    jQuery实现的漂亮button按钮

    在HTML文档中,我们需要引入jQuery库的CDN链接或者本地文件,通常放在`&lt;head&gt;`标签内: ```html &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt; ``` 接下来,我们可以创建一个基础的HTML按钮元素: ...

    HTML 经典教程

    - 使用 `&lt;a href="index.html"&gt;&lt;img src="button.gif" border="0" /&gt;&lt;/a&gt;` 可以将图像作为链接使用。 **4.3 目标窗口** - `target` 属性用于控制链接打开的方式,例如 `_blank` 将链接在新窗口或新标签页中打开。 ...

    css中常见各种标签

    ### CSS中常见的HTML标签及其属性详解 在网页开发过程中,HTML是构建网页结构的基础语言,而CSS则负责美化这些结构,让网页变得丰富多彩。本文将详细介绍一些常用的HTML标签及其属性,帮助开发者更好地理解和运用...

    HTML 按钮超链接

    以上代码将链接颜色设为蓝色,并在鼠标悬停时变为深蓝色,同时去掉了默认的下划线,增加了平滑的过渡效果。 最后,从提供的文件名`aaa.png`来看,可能是用于按钮或链接的图形资源。在HTML中,我们可以用`&lt;img&gt;`标签...

    html标签注释集合[借鉴].pdf

    2. `&lt;a&gt;`: 用于创建超链接,可以链接到其他网页、文件或者锚点。 3. `&lt;acronym&gt;`: 标记缩写词,但HTML5中不再推荐使用,可以用`&lt;abbr&gt;`代替。 4. `&lt;address&gt;`: 用于表示作者或联系信息,通常用于页脚。 5. `...

    HTML_教程HTML语法教学

    ### HTML语法教学知识点详解 #### 一、网页架构 网页架构是HTML文档的基本结构,它定义了页面的主要组成部分。一个标准的HTML文档至少包括以下几...学习并熟练掌握这些标签和属性对于创建高质量的网页是非常重要的。

    html学习

    3. **属性**:标签可以有属性,如`&lt;a href="..."&gt;`中的`href`属性定义了链接的目标地址。 4. **CSS**:通过CSS,你可以控制文本颜色、字体、布局和响应式设计。例如,`color: red;`使文本变为红色,`display: block;...

    html5移动端底部固定菜单

    每个菜单项可以是一个`&lt;a&gt;`标签,代表一个链接,或者`&lt;button&gt;`元素,用于触发JavaScript事件。例如: ```html &lt;a href="#" class="menu-item"&gt;首页&lt;/a&gt; &lt;a href="#" class="menu-item"&gt;新闻&lt;/a&gt; &lt;a href="#" ...

Global site tag (gtag.js) - Google Analytics