Form button styled as hyperlink

[dyve]

I'd like a btn-hyperlink class that can be used like all btn* classes but styles the button like a hyperlink. Great for small inline forms etc. where a normal buttons takes up too much space.

[mastermunj]

Wouldn't button mini "btn-mini" suffice? It takes much less space. Or do you want plain link?

[dyve]

.btn-mini is great, but it is slightly higher than text
A plain link would be ideal for integration in simple forms, tables, etc

[joshdover]

Why wouldn't you just us a regular tag?

[joshdover]

A regular 'a' tag that is

[j-hernandez]

Assuming jQuery

$(document).ready(function(){
  $("a.submit").click(function(){
     $("#form").submit();
  });
});

Then just <a class='submit'>Submit</a> after your form or inline or w/e. No use styling buttons like links when links will do?

[dyve]

I'd use a jQuery selector that gets the first enclosing form based on the a tag. But just styling the button would be much better, there shouldn't be any need for JavaScript for something as simple as this.

[j-hernandez]

It just seems like a step backward to me is all, although I guess there is stuff there to turn <a> tags into buttons so fair enough!

[giuseppeg]

@j-hernandez every time you use a link to submit a form God kills a cat. avoid that.

@dyve .btn-mini is a presentational name, so it is bad for you, but nobody who is using bootstrap cares about semantic names I guess.

Anyway you can implement it in seconds: http://jsfiddle.net/eW2gd/

[dyve]

@giuseppeg I don't have a problem with the name .btn-mini, there must be some misunderstanding there. Thanks for the example code, there were a few details I missed in my solution.

[mdo]

For now we'll avoid adding this since we advocate folks using buttons only for actions rather than hyperlinks. Links should point to destinations and buttons should handle actions.

[TedBritt]

Thanks for the clarification