はじめに:
はじめにインターフェースのアイデアを書くときに忘れていくつかの簡単なを記録します。(私は追加していきます)
ターゲット内のHTML属性
あなたがリンクされたドキュメントがどこに表示されて定義することができ、ターゲットの属性を使用します。
- 「_blank」は:先の文書に新しいウィンドウを開くためにクリック
- 「_parentは」:参照フレームへのハイパーリンクを含む親ウィンドウまたはフレームセットの中に文書を作成します。参照ウィンドウまたは先頭のフレームである場合、それは、標的_selfと等価です。
- 「_self」は:全ての標的ではない
<a>
対象文書が同じフレームまたはウィンドウ内のソースドキュメントとしてロードされて表示されるように、タグはデフォルトの宛先です。目標は、文書のタイトルなければ、冗長かつ不要な<base>
ターゲット属性タグを使用します。 - 「_top」は:ハイパーリンクのウィンドウを含むドキュメントの読み込みを行い、_topターゲットは、すべてのフレームが消去され、全体の文書がブラウザウィンドウ内に含まれるロード。
あなたが最も「_blank」の代わりにデフォルト宣言を使用する場合は「_self」です。だけでなく、あなたができる<a>
ラベルを使用し、他には次のような、使用することも可能です。
<form name="search" action="#" th:action="@{/search}" method="post"
target="_blank">
<div class="ui icon inverted transparent input m-margin-tb-tiny">
<input type="text" name="query" placeholder="Search...."
th:value="${query}"> <i
onclick="document.forms['search'].submit()"
class="search link icon"></i>
</div>
</form>
これは、検索を開くには、検索結果ページに新しいウィンドウをクリックを開きますspringbootプロジェクトを、書くときに私が使用したものです。
どのように簡単に結果を提出する形で任意のタブをクリックした後に行われました
<form name="search" action="#" th:action="@{/search}" method="post"
target="_blank">
<div class="ui icon inverted transparent input m-margin-tb-tiny">
<input type="text" name="query" placeholder="Search...."
th:value="${query}"> <i
onclick="document.forms['search'].submit()"
class="search link icon"></i>
</div>
</form>
それとも、このコードは、このコードは<i>
、宣言してラベルの効果はクリックを提出しなければならない持って、機能をクリックします。
onclick="document.forms['search'].submit()"
ノートのname属性検索フォームを代表する形[「検索」]という。
効果:
それはあなたがクエスチョンマークをクリックし、検索結果に表示されます。