問題タブ [htmlbutton]

1 つのテキスト入力と 1 つのボタンがあります (以下を参照)。テキスト ボックス内でキーが押されたときに、 JavaScript を使用してボタンのクリック イベントをトリガーするにはどうすればよいですか?Enter

現在のページには既に別の送信ボタンがあるため、単にボタンを送信ボタンにすることはできません。そして、この特定のボタンがこの 1 つのテキスト ボックス内から押された場合にのみ、この特定のボタンをクリックするキーが必要です。Enter

ASP.NET Web サイトで新しいタグを使用したいと考えてい<button>ます。これにより、特に、CSS スタイルのテキストとボタン内のグラフィックの埋め込みが可能になります。asp:Button コントロールは としてレンダリングされます。<input type="button">既存のコントロールを にレンダリングする方法はあります<button>か?

私が読んだことから、ボタンが 内にある場合、値属性の代わりにボタンのマークアップを投稿する IE との非互換性があります<form>が、ASP.NET では onclick イベントを使用してとにかく __doPostBack を起動するので、私はしません。これが問題になるとは思わない。

これを使用してはいけない理由はありますか? そうでない場合、asp:Button、またはそれに基づく新しいサーバー コントロールでどのようにサポートしますか? 回避できる場合は、独自のサーバー コントロールを記述しないことをお勧めします。

最初はこの<button runat="server">ソリューションは機能していましたが、すぐに HtmlButton コントロールにない CommandName プロパティが必要な状況に遭遇しました。結局、Button から継承したコントロールを作成する必要がありそうです。

render メソッドをオーバーライドして、必要なものをレンダリングするにはどうすればよいですか?

アップデート

DanHerbert の返信により、これに対する解決策を再び見つけることに興味が湧いたので、もう少し時間をかけて取り組みました。

まず、TagName をオーバーロードするはるかに簡単な方法があります。

Dan のソリューションの問題点は、タグの innerhtml が value プロパティに配置され、ポストバック時に検証エラーが発生することです。関連する問題として、値のプロパティを正しくレンダリングしたとしても、IE の脳死状態の<button>タグの実装では、値の代わりに innerhtml がポストされます。そのため、これを実装する場合は、値のプロパティを正しくレンダリングするために AddAttributesToRender メソッドをオーバーライドする必要があります。また、ポストバックを完全に台無しにしないように、IE に何らかの回避策を提供する必要もあります。

データバインドされたコントロールの CommandName/CommandArgument プロパティを利用したい場合、IE の問題は解決できない場合があります。うまくいけば、誰かがこれに対する回避策を提案できます。

私はレンダリングを進めました：

ModernButton.cs

これは正しい値を持つ適切な html としてレンダリングされ<button>ますが、ASP.Net PostBack システムでは機能しません。イベントを提供するために必要なものをいくつか書きましたが、起動Commandしません。

このボタンを通常の asp:Button と並べて調べると、必要な違い以外は同じように見えます。したがってCommand、この場合、ASP.Net がイベントをどのように配線しているかはわかりません。

もう 1 つの問題は、入れ子になったサーバー コントロールがレンダリングされないことです (ParseChildren(false) 属性でわかるように)。レンダリング中にリテラル HTML テキストをコントロールに挿入するのは非常に簡単ですが、ネストされたサーバー コントロールのサポートをどのように許可しますか?

検証を無効にして、HtmlButton からサーバー コントロールを作成しました。

入力ボタンではありません!!!

フォームに多数のバリデーターがあり、HtmlButton をクリックすると、バリデーターが実行されます。入力ボタンを使用しても問題はなく、バリデーターは実行されません。

これは予期された動作ですか、それともバグですか?

私はここで特有の問題を抱えており、私の人生では解決策が何であるかを理解することはできません。次のコードは動的に作成されるのではなくaspx、ファイルにすぐに作成されることに注意してください。

これは、属性がない限り問題なく機能しonclickます。つまり、OnServerClickハンドラーは正常に起動されます。しかし、onclick属性を使用する場合、確認ダイアログボックスを確認するか拒否するかに関係なく、そうではありません。

私は何が間違っているのですか？ありがとう

Webページのhtmlボタンを使用して、拡張機能で宣言されたJavascript関数を呼び出す方法は？

ボタンが入ったhtmlページがあります。ユーザーがボタンをクリックすると、自分のFirefox拡張機能内ですでに宣言した関数が呼び出されます。

どうすればいいのですか？tabindex属性を無駄に設定しようとしました。

2つのボタンがあるフォームがあります

このように、jQuery UIのボタンも使用します

ただし、最初のボタンもフォームを送信します。がなければ、そうではないと思っていtype="submit"たでしょう。

明らかに私はこれを行うことができました

しかし、JavaScript の介入なしにその戻るボタンがフォームを送信するのを止める方法はありますか?

正直なところ、ボタンだけを使用したので、jQuery UI でスタイルを設定できました。リンクを呼び出しbutton()てみましたが、期待どおりに機能しませんでした (かなり醜いように見えました!)。

iPhone/iPad で <button> 要素を正しくレンダリングするのに問題があります。

サンプルは次のとおりです。

アイデアは固定幅のボタンを持ち、必要に応じてテキストを折り返すことです。最新の IE、FF、さらにはデスクトップの Safari (Mac および PC) でも期待どおりに動作します。ボタンの幅は固定され、テキストは折り返され、折り返された行を表示するためにボタンの高さが自動的に増加します。

iPhone/iPad では、テキストは折り返されますが、ボタンの高さは増加しません。したがって、ユーザーはすべてのテキストを見ることができません。

デスクトップブラウザのようにiPhone / iPadでこれを機能させる方法について誰か考えがありますか、それともモバイルSafariの制限ですか?

誰かがここで私を助けてくれることを願っています。<button小さな画像を含む>タグを付けて送信する標準のユーザー名/パスワードフォームがあります。

ボタンは固定の幅と高さで、余白、パディング、テキストは左揃えで、他のコンテンツバーは<img>タグがありません。そして、それは見栄えが良く、私のWin7PCの最新のブラウザーで期待どおりに機能します。

iPhone 4 Safari（私はそれをチェックするためのiPadを持っていません）では、ボタンは私が見ることができる限り正しい幅と高さで表示されます（背景色を使用して）。左側に不可解なギャップがあり、オーバーフローのために画像の一部が失われています。

これを引き起こしていると思われるCSS、またはそれを修正できるCSSを見つけることができなかったので、これは煩わしいことです。誰かが同じようなことに遭遇しましたか？私は限られたスペースで作業しているので（したがって、固定サイズとオーバーフロー）、それを残すだけでは、ボックスの外観が損なわれるため、実際には私の好みのオプションではありません。

My present workaround is to scrap the button tag and submit the form via an onclick on the image, though I wouldn't really consider this to be ideal.

So to summarise - the BUTTON appears to be correctly sized and located, but its child IMG is rendering in the wrong place on iPhone 4.

EDIT: Sorry, should have included a link... wamdirect.co.uk is the site i'm working on, the problem is in the login box top right when viewed on iPhone 4.

これは奇妙です。@Html.Button() の参照が表示されますが、入力すると、Intellisense はそのようなヘルパーを見つけられません...ドロップダウンリスト、非表示、エディターなどがありますが、ボタンはありません!

どうしたの？