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

フォームは基本的に、いくつかのタイプのデータの任意のサブセットの任意の量を保持するために使用できるコンテナーです。HTMLフォームは、サーバーにデータを渡すために使用されます。VBおよびC#フォームは、ユーザーとの対話に使用されるウィンドウです。


30
チェックボックスとそのラベルを一貫してクロスブラウザに配置する方法
これは、CSSのマイナーな問題の1つであり、常に悩まされています。Stack Overflowの周りの人々はどのようにして垂直方向に整列checkboxesし、labels一貫してクロスブラウザですか?私はサファリ(通常使用して、それらを正しく合わせるたびvertical-align: baselineにinput)、彼らは完全にオフにFirefoxとIEでいます。Firefoxで修正すると、SafariとIEは必ず混乱します。フォームをコーディングするたびに、これに時間を浪費しています。 これが私が使用する標準コードです: <form> <div> <label><input type="checkbox" /> Label text</label> </div> </form> コードスニペットを実行する結果を非表示スニペットを展開 私は通常、Eric Meyerのリセットを使用するため、フォーム要素のオーバーライドは比較的クリーンです。あなたが提供しなければならないヒントやトリックを楽しみにしています!

30
フォーム送信のようなJavaScript投稿リクエスト
ブラウザを別のページに誘導しようとしています。GETリクエストが必要な場合は、 document.location.href = 'http://example.com/q=a'; しかし、アクセスしようとしているリソースは、POSTリクエストを使用しないと正しく応答しません。これが動的に生成されなかった場合は、HTMLを使用する可能性があります <form action="http://example.com/" method="POST"> <input type="hidden" name="q" value="a"> </form> 次に、DOMからフォームを送信します。 しかし、本当に私が言うことができるJavaScriptコードが欲しいです post_to_url('http://example.com/', {'q':'a'}); 最高のクロスブラウザ実装は何ですか? 編集する よくわからなくてごめんなさい。フォームを送信するのと同じように、ブラウザの場所を変更するソリューションが必要です。XMLHttpRequestでこれが可能かどうかは明らかではありません。そして、これは非同期であってはならず、XMLを使用すべきでもないので、Ajaxは答えではありません。
1530 javascript  http  post  submit  forms 

20
jQuery AJAX送信フォーム
名前orderproductFormと未定義の入力数を持つフォームがあります。 Ajaxを介してページを呼び出し、フォームのすべての入力に沿って送信するような、何らかのjQuery.getやajaxなどを実行したいと考えていますorderproductForm。 私は1つの方法が次のようなことになると思います jQuery.get("myurl", {action : document.orderproductForm.action.value, cartproductid : document.orderproductForm.cartproductid.value, productid : document.orderproductForm.productid.value, ... ただし、すべてのフォーム入力を正確に知っているわけではありません。すべてのフォーム入力を送信するだけの機能、機能などはありますか?

17
ボタンがフォームを送信しないようにする方法
次のページでは、Firefoxでは、削除ボタンはフォームを送信しますが、追加ボタンは送信しません。削除ボタンがフォームを送信しないようにするにはどうすればよいですか? <html> <head> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> 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 …

30
jQueryでラジオボタンをチェックする方法
ラジオボタンをjQueryでチェックしてみます。これが私のコードです: <form> <div id='type'> <input type='radio' id='radio_1' name='type' value='1' /> <input type='radio' id='radio_2' name='type' value='2' /> <input type='radio' id='radio_3' name='type' value='3' /> </div> </form> そしてJavaScript: jQuery("#radio_1").attr('checked', true); 動作しません: jQuery("input[value='1']").attr('checked', true); 動作しません: jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true); 動作しません: 別のアイデアはありますか?何が欠けていますか?

20
jQueryの無効化/有効化送信ボタン
私はこのHTMLを持っています: <input type="text" name="textField" /> <input type="submit" value="send" /> どうすればこのようなことができます: テキストフィールドが空の場合、送信を無効にする必要があります(disabled = "disabled")。 無効な属性を削除するためにテキストフィールドに何かが入力されたとき。 テキストフィールドが再び空になる(テキストが削除される)場合は、送信ボタンを再度無効にする必要があります。 私はこのようなものを試しました: $(document).ready(function(){ $('input[type="submit"]').attr('disabled','disabled'); $('input[type="text"]').change(function(){ if($(this).val != ''){ $('input[type="submit"]').removeAttr('disabled'); } }); }); …しかしそれは機能しません。何か案は?
811 javascript  jquery  html  forms 

30
Enterキーを押して、ユーザーがフォームを送信できないようにする
Webサイトでアンケートを実施していますが、ユーザーがEnterキーを押した(理由がわからない)と、送信ボタンをクリックせずに誤ってアンケート(フォーム)を送信した場合に問題が発生するようです。これを防ぐ方法はありますか? 調査ではHTML、PHP 5.2.9、jQueryを使用しています。

17
メールアドレスで使用できる文字は何ですか?
メールの完全な検証については質問していません。 メールアドレスの文字とuser-nameそのserver一部に使用できる文字を知りたいだけです。これは単純化しすぎているかもしれませんし、メールアドレスが他の形を取ることもあるかもしれませんが、私は気にしません。この単純な形式user-name@server(例:wild.wezyr@best-server-ever.com)と、両方の部分で許可されている文字についてのみ質問しています。

30
Chromeの自動入力を無効にする
この質問の答えはコミュニティの努力です。この投稿を改善するには、既存の回答を編集してください。現在、新しい回答や相互作用を受け入れていません。 いくつかのフォームでChromeの自動入力動作に関する問題が発生しています。 フォームのすべてのフィールドには、「メール」、「名前」、「パスワード」などの非常に一般的で正確な名前があり、それらもautocomplete="off"設定されています。 オートコンプリートフラグにより​​、オートコンプリートの動作が正常に無効になりました。入力を開始すると値のドロップダウンが表示されますが、Chromeがフィールドに自動入力する値は変更されていません。 この動作は問題ありませんが、Chromeが入力を誤って入力している場合を除きます。たとえば、電話の入力に電子メールアドレスを入力します。顧客はこれについて不満を言っているので、それが複数のケースで発生していることが確認されており、自分のマシンでローカルに実行した何かに対する何らかの結果ではありません。 私が考えることができる現在の唯一の解決策は、カスタム入力名を動的に生成してからバックエンドで値を抽出することですが、これはこの問題を回避するかなりハックな方法のようです。これを修正するために使用できる自動入力の動作を変更するタグや癖がありますか?

26
Twitterブートストラップフォームファイル要素のアップロードボタン
Twitterブートストラップ用の豪華なファイル要素のアップロードボタンがないのはなぜですか?青いプライマリボタンがアップロードボタンに実装されていると便利です。CSSを使用してアップロードボタンを調整することもできますか?(操作できないネイティブブラウザ要素のようです)




16
入力type =“ text”で入力時の入力どおりに変更を追跡する最良の方法?
私の経験では、input type="text" onchangeイベントは通常blur、コントロールを離れた()後にのみ発生します。 コンテンツが変更さonchangeれるたびにブラウザーを強制的にトリガーする方法はありtextfieldますか?そうでない場合、これを「手動で」追跡する最もエレガントな方法は何ですか? onkey*フィールドを右クリックして[貼り付け]を選択できるため、イベントの使用は信頼できません。これにより、キーボード入力なしでフィールドが変更されます。 あるsetTimeout唯一の方法は?..醜い:-)
449 javascript  html  forms 

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