我可以为按钮创建快捷方式吗？

Question

I have links on my web page that are called like this:

<a href="/xxx/"  >
  <button >xxx</button>
</a> 

I have several like this and I would like to make it easy for a user to click them without the user having to go to the button and click. Is it possible for me to give the user a shortcut such as ALT M or something like that assigned to a button? Also can I make a button be the default if the user clicks enter?

Answer 1

You should use the accesskey property

<a href="/xxx/"  >
  <button accesskey="M" >xxx</button>
</a> 

Answer 2

Give the element an "accesskey" using accesskey="1". When a user presses 1 that will activate the link.

EDIT

For a javascript (jQuery) solution see this SO post

Answer 3

I would recommend styling a div to look like a button as they do for the tags here on stackoverflow.com as an example

<div class="post-taglist">
<a class="post-tag" rel="tag" title="" href="/questions/tagged/javascript">javascript</a>
<a class="post-tag" rel="tag" title="" href="/questions/tagged/html">html</a>
<a class="post-tag" rel="tag" title="" href="/questions/tagged/css">css</a>
</div>

CSS used by stackoverflow.com (needs a bit of work!)

.post-taglist {
    clear: both;
    margin-bottom: 10px;
}
.edit-tags-wrapper > a.post-tag {
    margin-right: 6px;
}
.post-tag, .post-text .post-tag, #wmd-preview a.post-tag {
    background-color: #E0EAF1;
    border-bottom: 1px solid #3E6D8E;
    border-right: 1px solid #7F9FB6;
    color: #3E6D8E;
    font-size: 90%;
    line-height: 2.4;
    margin: 2px 2px 2px 0;
    padding: 3px 4px;
    text-decoration: none;
    white-space: nowrap;
}
post-tag:hover, .post-text .post-tag:hover, #wmd-preview a.post-tag:hover {
    background-color: #3E6D8E;
    border-bottom: 1px solid #37607D;
    border-right: 1px solid #37607D;
    color: #E0EAF1;
    text-decoration: none;
}

Alternatively you can wrap your button in a form element like

<form method="post" action="nextPage.html"  >
<button>Press me</button>
</form>

I hope this helps.