如何创建充当链接的 HTML 按钮？单击该按钮会将用户重定向到页面。

如何创建充当链接的 HTML 按钮？因此，单击该按钮会将用户重定向到页面。

我希望它是可访问的，并且在 URL 中使用最少的额外字符或参数。

分割线

网友回答：

<button onclick="location.href='http://www.example.com'" type="button">
         www.example.com</button>

请注意，该属性很重要，因为它的缺失值默认值为“提交按钮”状态。type="button"

分割线

网友回答：

.HTML

普通的HTML方式是将其放入其中，您可以在属性中指定所需的目标URL。<form>action

<form action="https://google.com">
    <input type="submit" value="Go to Google" />
</form>

如有必要，请在表单上设置 CSS，使其与周围的文本一起保持在流程中。除了上面的示例中，您还可以使用 .唯一的区别是该元素允许子元素。display: inline;<input type="submit"><button type="submit"><button>

你直觉地期望能够使用与元素类似的元素，但不幸的是，根据 HTML 规范，此属性不存在。<button href="https://google.com"><a>

.CSS

如果允许CSS，只需使用一个样式看起来像按钮的属性（仅在Internet Explorer中不受支持）。<a>appearance

<a href="https://google.com" class="button">Go to Google</a>

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

或者从众多CSS库中选择一个，如Bootstrap。

<a href="https://google.com" class="btn btn-primary">Go to Google</a>

JavaScript

如果允许使用 JavaScript，请设置 .window.location.href

<input type="button" onclick="location.href='https://google.com';" value="Go to Google" />

除了上面的示例中，您还可以使用 .唯一的区别是该元素允许子元素。<input type="button"><button><button>

分割线

网友回答：

如果是你在基本 HTML 锚标记中查找的按钮的视觉外观，则可以使用 Twitter Bootstrap 框架格式化以下任何常见的 HTML 类型链接/按钮，使其显示为按钮。请注意框架版本 2、3 或 4 之间的视觉差异：

<a class="btn" href="">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">

模板简介：该模板名称为【如何创建充当链接的 HTML 按钮？单击该按钮会将用户重定向到页面。】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。