メモ - ボタンをリンクのような外観にする

web系のシステム構築では、ボタンクリックで何らかのアクションを実行するような動作が基本となる。
しかし、画面設計・デザインによってリンクを用いなければならないようなケースも多々発生する。このリンクが純粋な画面遷移ではなく、何らかのアクションを伴う場合には、JavaScriptを用いてformをsubmitするなど、例外的な方法を用いなければならず、汎用性・保守性の低下を招いてしまう。
以下に示すように、スタイルシートによる見た目の設定で対応できる場合は、これを利用することをお勧めする。

元。

↓スタイルを適用する

input.buttonlink{
    border:0px;
    background-color:#fff;
    text-decoration:underline;
    cursor:hand;
    color:#00f;
}