タグ付けされた質問 「button」

ボタンは、マウスクリックまたは指タッチ(タッチデバイス上)を入力として受け取るグラフィカルユーザーインターフェイスの単純な要素です。

30
リンクのように機能するHTMLボタンを作成する方法は?
OverаэтотвопросестьответынаStack Overflowнарусском:КаксоздатьHTML-кнопку、котораябудетвесвесвесисебя、как リンクのように機能するHTMLボタンを作成したいと思います。したがって、ボタンをクリックすると、ページにリダイレクトされます。できるだけアクセスしやすいようにしたいと思います。 また、URLに余分な文字やパラメータが含まれないようにしたいと考えています。 どうすればこれを達成できますか? これまでに投稿された回答に基づいて、私は現在これを行っています: <form method="get" action="/page2"> <button type="submit">Continue</button> </form> しかし、これの問題は、SafariとInternet Explorerでは、URLの末尾に疑問符文字が追加されることです。URLの末尾に文字を追加しないソリューションを見つける必要があります。 これを行うには他に2つの解決策があります。JavaScriptを使用するか、リンクをボタンのようにスタイリングします。 JavaScriptの使用: <button onclick="window.location.href='/page2'">Continue</button> ただし、これには明らかにJavaScriptが必要です。そのため、スクリーンリーダーからのアクセスは困難です。リンクのポイントは、別のページに移動することです。したがって、ボタンをリンクのように振る舞うことは、間違った解決策です。私の提案は、リンクを使用して、ボタンのように見えるようにスタイルを設定することです。 <a href="/link/to/page2">Continue</a>

15
<button>と<input type =“ button” />の比較。どちらを使用しますか?
ほとんどのサイト(SOを含む)を見ると、ほとんどのサイトで以下が使用されます。 &lt;input type="button" /&gt; の代わりに: &lt;button&gt;&lt;/button&gt; 2つの主な違いは何ですか? 一方を他方の代わりに使用する正当な理由はありますか? それらを組み合わせて使用​​する正当な理由はありますか? を使用する&lt;button&gt;と互換性の問題が発生しますが、あまり使用されていませんか?

28
テキストボックスのEnterキーでJavaScriptを使用してボタンクリックをトリガーする
テキスト入力とボタンが1つずつあります(下記参照)。JavaScriptを使用してEnterて、テキストボックス内でキーが押されたときにボタンのクリックイベントトリガーですか? 現在のページには既に別の送信ボタンがあるため、単純にボタンを送信ボタンにすることはできません。そして、この特定のボタンがこの1つのテキストボックス内から押された場合にのみ、Enterキーがこの特定のボタンをクリックするようにしたいだけです。 &lt;input type="text" id="txtSearch" /&gt; &lt;input type="button" id="btnSearch" value="Search" onclick="doSomething();" /&gt;

17
ボタンがフォームを送信しないようにする方法
次のページでは、Firefoxでは、削除ボタンはフォームを送信しますが、追加ボタンは送信しません。削除ボタンがフォームを送信しないようにするにはどうすればよいですか? &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="jquery-1.3.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; function addItem() { var v = $('form :hidden:last').attr('name'); var n = /(.*)input/.exec(v); var newPrefix; if (n[1].length == 0) { newPrefix = '1'; } else { newPrefix = parseInt(n[1]) + 1; } var oldElem = $('form tr:last'); var newElem = oldElem.clone(true); var lastHidden …

16
Android:ボタンまたはImageButtonでテキストと画像を組み合わせる
ボタンに画像を(背景として)配置し、実行時に何が起こっているかに応じて、画像の上/上にテキストを動的に追加しようとしています。 私が使用する場合ImageButton、テキストを追加することすらできません。私が使用する場合Button、テキストを追加できますが、ここでandroid:drawableBottom定義されているのと同様のXML属性を持つ画像のみを定義します。 ただし、これらの属性は、xとyの次元でテキストと画像を組み合わせるだけです。つまり、テキストの下/下(z軸がディスプレイから出ていると定義されている場合)ではなく、テキストの周囲に画像を描画できます。 これを行う方法に関する提案はありますか?1つのアイデアは、-methodを拡張するButtonかImageButton、またはオーバーライドすることdraw()です。しかし、私の現在の知識レベルでは、これを行う方法(2Dレンダリング)が本当にわかりません。たぶん、より経験豊富な誰かが解決策を知っているか、少なくとも開始するためのいくつかの指針を知っていますか?
540 android  image  text  button 

8
<button>でフォームを送信しないようにできますか?
ボタンが2つあるフォームがあります &lt;a href="index.html"&gt;&lt;button&gt;Cancel changes&lt;/button&gt;&lt;/a&gt; &lt;button type="submit"&gt;Submit&lt;/button&gt; 私もそれらのjQuery UIのボタンを使用します。 $('button').button(); ただし、最初のボタンもフォームを送信します。がない場合はないと思いtype="submit"ます。 明らかに私はこれを行うことができました $('button[type!=submit]').click(function(event) { event.stopPropagation(); }); しかし、JavaScriptの介入なしにその戻るボタンがフォームを送信しないようにする方法はありますか? 正直なところ、ボタンのみを使用して、jQuery UIでスタイルを設定できるようにしました。button()リンクを呼び出してみましたが、期待どおりに動作しませんでした(かなり醜く見えました!)。

18
フラグメント内のXML onClickを使用してボタンのクリックを処理する方法
Pre-Honeycomb(Android 3)では、各アクティビティはonClick、レイアウトのXMLのタグを介してボタンのクリックを処理するように登録されていました。 android:onClick="myClickMethod" そのメソッド内で使用できます view.getId()、switchステートメントを使用してボタンのロジックを実行できます。 Honeycombの導入により、これらのアクティビティをフラグメントに分割し、さまざまなアクティビティ内で再利用できるようにします。ボタンの動作のほとんどはアクティビティに依存せず、OnClickListenerボタンごとにを登録する古い(1.6より前の)メソッドを使用せずにコードをFragmentsファイル内に常駐させたい。 final Button button = (Button) findViewById(R.id.button_id); button.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { // Perform action on click } }); 問題は、レイアウトがインフレートされても、個々のフラグメントではなく、ボタンのクリックを受け取っているのはホストアクティビティであることです。どちらにも良いアプローチはありますか フラグメントを登録してボタンのクリックを受け取りますか? アクティビティからクリックイベントを、それらが属するフラグメントに渡しますか?

18
Androidでは、プログラムでdpのマージンをどのように設定しますか?
では、この、この、およびこのスレッドは私が単一のビューにマージンを設定する方法についての答えを見つけることを試みました。しかし、もっと簡単な方法はないのかと思っていました。このアプローチを使いたくない理由を説明します。 ボタンを拡張するカスタムボタンがあります。背景がデフォルトの背景以外に設定されている場合(setBackgroundResource(int id)またはを呼び出すことでsetBackgroundDrawable(Drawable d))、マージンを0にしたいと思います。これを呼び出すと、次のようになります。 public void setBackgroundToDefault() { backgroundIsDefault = true; super.setBackgroundResource(android.R.drawable.btn_default); // Set margins somehow } 余白を-3dpにリセットしたい(ピクセルからdpに変換する方法についてはここで既に読んだので、pxで余白を設定する方法を知ったら、自分で変換を管理できる)。しかし、これはCustomButtonクラスで呼び出されるため、親はLinearLayoutからTableLayoutに変化する可能性があり、私はむしろ彼に彼の親を取得してその親のインスタンスをチェックすることを望まないでしょう。それはまた、かなりパフォーマンスが悪いと思います。 また、(LayoutParamsを使用して)を呼び出すときparentLayout.addView(myCustomButton, newParams)、これが正しい位置に追加するかどうかはわかりません(ただし、試していません)。たとえば、5行の中央ボタンを押します。 質問:LayoutParamsを使用する以外に、プログラムで1つのボタンのマージンを設定する簡単な方法はありますか? 編集:私はLayoutParamsの方法を知っていますが、異なる種類のコンテナをそれぞれ処理しないようにする解決策が欲しいです: ViewGroup.LayoutParams p = this.getLayoutParams(); if (p instanceof LinearLayout.LayoutParams) { LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)p; if (_default) lp.setMargins(mc.oml, mc.omt, mc.omr, mc.omb); else lp.setMargins(mc.ml, mc.mt, mc.mr, mc.mb); this.setLayoutParams(lp); } else if …
401 android  layout  button  margin 

10
Androidボタンを無効にする方法は?
[次へ]と[前へ]の2つのボタンを含むレイアウトを作成しました。ボタンの間に私はいくつかの動的なビューを生成しています。したがって、最初にアプリケーションを起動するときは、前のビューがないため、[前へ]ボタンを無効にします。表示するビューがなくなった場合は、[次へ]ボタンを無効にしたいと思います。とにかくボタンを無効にする方法はありますか?
371 android  layout  button 


11
Androidマテリアルデザインボタンのスタイル
マテリアルデザインのボタンのスタイルがわかりません。使用方法セクションの下にある「強制停止」ボタンと「アンインストール」ボタンのように、添付のリンクのようなカラフルな隆起ボタンを入手したいのですが。利用可能なスタイルはありますか、それとも定義する必要がありますか? http://www.google.com/design/spec/components/buttons.html#buttons-usage デフォルトのボタンスタイルが見つかりませんでした。 例: &lt;Button style="@style/PrimaryButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Calculate" android:id="@+id/button3" android:layout_below="@+id/editText5" android:layout_alignEnd="@+id/editText5" android:enabled="true" /&gt; 追加してボタンの背景色を変更しようとすると android:background="@color/primary" タッチアニメーション、影、丸みを帯びた角など、すべてのスタイルがなくなります。

7
ボタンのツールチップ
HTMLボタンのツールチップを作成することは可能ですか?これは通常のHTMLボタンであり、いくつかのHTMLコントロールにあるため、Title属性はありません。考えやコメントはありますか?
292 html  button  tooltip 

6
ボタンをリンクのようにする方法は?
CSSを使用してボタンをリンクのようにする必要があります。変更は完了しましたが、それをクリックすると、ボタンのように押されたかのように表示されます。それを削除して、ボタンをクリックしてもリンクとして機能するようにする方法はありますか?
287 css  button  hyperlink 

14
Twitter Bootstrap 3でボタンを中央に配置する方法は?
Twitter Bootstrapでフォームを作成していますが、フォームの入力の下にボタンを中央に配置することに問題があります。私はすでにcenter-blockボタンにクラスを適用しようとしましたが、それはうまくいきませんでした。どうすれば修正できますか? これが私のコードです。 &lt;!-- Button --&gt; &lt;div class="form-group"&gt; &lt;label class="col-md-4 control-label" for="singlebutton"&gt;&lt;/label&gt; &lt;div class="col-md-4"&gt; &lt;button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"&gt; Next Step! &lt;/button&gt; &lt;/div&gt; &lt;/div&gt;

28
マテリアルデザインとAppCompatを使用したAndroidのボタンのカラーリング
AppCompat今日アップデートが出る前に、Android Lのボタンの色を変更できましたが、古いバージョンではできませんでした。新しいAppCompatアップデートを含めた後、どちらのバージョンでも色を変更できません。ボタンを押すと消えます。ボタンの色を変更する方法を知っている人はいますか? 次の写真は、私が達成したいことを示しています。 白いボタンがデフォルトで、赤いボタンが私が欲しいものです。 これは私が以前にボタンの色を変更するために行っていたものですstyles.xml: &lt;item name="android:colorButtonNormal"&gt;insert color here&lt;/item&gt; そしてそれを動的に行うには: button.getBackground().setColorFilter(getResources().getColor(insert color here), PorterDuff.Mode.MULTIPLY); また、テーマの親をから@android:style/Theme.Material.Light.DarkActionBarに変更しましたTheme.AppCompat.Light.DarkActionBar

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.