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

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

27
フォームの送信時にphp $ _POST配列が空
私が開発したカスタムCMSがあり、開発ボックス(Ubuntu / PHP5 + / MySQL5 +)で完全に動作します。 私はそれをクライアントのプロダクションボックスに移動したところ、すべてのフォーム送信が空の$ _POST配列として表示されています。 私はデータが実際に使用されて渡されていることを確認するトリックを見つけましたfile_get_contents('php://input');、そしてデータはそこでうまく表示されます- $_POST/ $_REQUEST配列は常に空です。 また、firebug(application/x-www-form-urlencoded; charset=utf-8)を使用して、コンテンツタイプヘッダーが正しいことも確認しました。 この問題は、フォームがAJAX経由で送信されるのか、通常のフォーム送信で送信されるのかに関係なく発生します。 どんな助けでも大歓迎です!
99 php  arrays  forms  post 


3
jquery .on()送信イベント
に問題があり.on()ます。複数のフォーム要素(のあるフォームclass="remember")があり、form.rememberAJAXを使用して別のフォーム要素も追加しています。したがって、次のような送信イベントを処理する必要があります。 $('form.remember').on('submit',function(){...}) ただし、AJAXで追加されたフォームは機能しません。 問題はどこだ?バグですか?
98 jquery  ajax  forms  submit 

7
HTML5と一致する2つのフォームフィールドが必要ですか?
HTML5を使用して2つのフォームフィールドのエントリを一致させる必要がある方法はありますか?それともこれはまだJavaScriptで行う必要がありますか?たとえば、2つのパスワードフィールドがあり、ユーザーが各フィールドに同じデータを入力したことを確認したい場合、これを実現するために実行できる属性やその他のコーディングはありますか?
98 forms  html 

4
React.jsでのonSubmitの設定
フォームの送信doSomething()時に、デフォルトの投稿動作の代わりにしようとしています。 どうやらReactでは、onSubmitはフォームでサポートされているイベントです。ただし、次のコードを試すと、 var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){ alert('it works!'); } return <form onSubmit={doSomething}> <button>Click me</button> </form>; } }); メソッドdoSomething()は実行されますが、その後、デフォルトのポスト動作が引き続き実行されます。 これは私のjsfiddleでテストできます。 私の質問:デフォルトの投稿動作を防ぐにはどうすればよいですか?


6
フォームのリダイレクトを防ぐか、送信時に更新しますか?
たくさんのページを検索しましたが、問題が見つからないため、投稿する必要がありました。 送信ボタンのあるフォームがあり、送信したときに更新またはリダイレクトしないようにしたい。jQueryに機能を実行させたいだけです。 これがフォームです: <form id="contactForm"> <fieldset> <label for="Name">Name</label> <input id="contactName" type="text" /> </fieldset> <fieldset> <label for="Email">Email</label> <input id="contactEmail" type="text" /> </fieldset> <fieldset class="noHeight"> <textarea id="contactMessage" cols="20"></textarea> <input id="contactSend" class="submit" type="submit" onclick="sendContactForm()" /> </fieldset> </form> <small id="messageSent">Your message has been sent.</small> そしてここにjQueryがあります: function sendContactForm(){ $("#messageSent").slideDown("slow"); setTimeout('$("#messageSent").slideUp();$("#contactForm").slideUp("slow")', 2000); } フォームのアクション要素を使用して、または使用せずに試しましたが、何が問題なのかわかりません。私をもっと苛立たせているのは、それを完全に行う例があるということです: 例ページ 私の問題をライブでご覧になりたい場合は、stormink.net(私のサイト)にアクセスし、サイドバーに「Send …

7
入力タイプ=ファイルの作成方法はPDFとXLSのみを受け入れる必要があります
使った <input type= "file" name="Upload" > .pdfと.xlsファイルのみを受け入れることで、これを制限したいと思います。 送信ボタンをクリックすると、これが検証されます。 そして、ウェブページ上のファイル(PDF / XLS)をクリックすると、自動的に開くはずです。 誰かがこれについていくつかの例を挙げていただけますか?
96 html  forms 

3
不要なときに垂直スクロールバーを非表示にする方法
jqueryヒントがあり、境界線を変更せずに不透明度を使用したかったので、divに含まれているtextareaがあります。テキストフィールドに入力しているときにのみ表示される垂直スクロールバーがあり、コンテナーを超えて表示されます。私はオーバーフローを試しました:auto; しかし動作しません。 テキストフィールド: <label> <div id="name"> <textarea name="message" type="text" id="message" title="Enter Message Here" rows=9 cols=60 maxlength="2000"></textarea> </div> </label> スタイル: #name { border: 1px solid #c810ca; width: 270px; height:159px; overflow: hidden; position: relative; } #message { height: 400px; width: 235px; overflow: hidden; position: absolute; }
95 html  css  forms 

11
リダイレクトせずにHTMLフォームを送信する方法
このようなフォームがある場合、 <form action="/Car/Edit/17" id="myForm" method="post" name="myForm"> ... </form> JavaScript / jQueryで別のビューにリダイレクトせずに送信するにはどうすればよいですか? Stack Overflowからたくさんの回答を読みましたが、それらすべてがPOST関数によって返されたビューにリダイレクトします。

12
サーブレットが「HTTPステータス404リクエストされたリソース(/ servlet)は利用できません」を返す
WebContent/jspsフォルダー内のJSPファイルにHTMLフォームがあります。フォルダーのservlet.javaデフォルトパッケージにサーブレットクラスがありsrcます。私web.xmlではそれはとしてマッピングされ/servletます。 actionHTMLフォームの属性でいくつかのURLを試しました: <form action="/servlet"> <form action="/servlet.java"> <form action="/src/servlet.java"> <form action="../servlet.java"> しかし、それらのどれも機能しません。Tomcat 6/7/8では、以下のようなHTTP 404エラーが返され続けます。 HTTPステータス404 — / servlet 説明:要求されたリソース(/ servlet)は利用できません。 または、Tomcat 8.5 / 9の以下のように: HTTPステータス404-見つかりません メッセージ:/ servlet 説明:オリジンサーバーがターゲットリソースの現在の表現を見つけられなかったか、存在することを開示しようとしません なぜ機能しないのですか?


5
反応入力のdefaultValueが状態で更新されない
reactを使用して単純なフォームを作成しようとしていますが、データをフォームのdefaultValueに適切にバインドすることが困難になっています。 私が探している行動はこれです: ページを開くと、テキスト入力フィールドにデータベースのAwayMessageのテキストが入力されているはずです。それが「サンプルテキスト」です データベースのAwayMessageにテキストがない場合は、テキスト入力フィールドにプレースホルダーを配置するのが理想的です。 ただし、現在、ページを更新するたびに[テキスト]入力フィールドが空白になっています。(入力に入力した内容は適切に保存され、保持されます。)これは、AwayMessageが空のオブジェクトである場合に入力テキストフィールドのhtmlが読み込まれますが、awayMessageが読み込まれたときに更新されないためです。また、フィールドのデフォルト値を指定できません。 わかりやすくするために一部のコードを削除しました(つまり、onToggleChange) window.Pages ||= {} Pages.AwayMessages = React.createClass getInitialState: -> App.API.fetchAwayMessage (data) => @setState awayMessage:data.away_message {awayMessage: {}} onTextChange: (event) -> console.log "VALUE", event.target.value onSubmit: (e) -> window.a = @ e.preventDefault() awayMessage = {} awayMessage["master_toggle"]=@refs["master_toggle"].getDOMNode().checked console.log "value of text", @refs["text"].getDOMNode().value awayMessage["text"]=@refs["text"].getDOMNode().value @awayMessage(awayMessage) awayMessage: (awayMessage)-> console.log "I'm saving", …

13
htmlラジオボタンをラベルに垂直に配置する方法は?
ラベルと同じ行にあるラジオボタンを含むフォームがあります。ただし、下のスクリーンショットに示すように、ラジオボタンはラベルと垂直に配置されていません。 ラジオボタンをラベルに垂直に配置するにはどうすればよいですか? 編集: これがhtmlコードです: <input checked="checked" type="radio" name="user_level" id="rd1" value="1"/> <label for="rd1">radio 1</label><br/> <input type="radio" name="user_level" id="rd2" value="2"/> <label for="rd2">radio 2</label><br/> <input type="radio" name="user_level" id="rd3" value="3"/> <label for="rd3">radio 3</label><br/> そしてCSSコード: label{ padding:5px; color:#222; font-family:corbel,sans-serif; font-size: 14px; margin: 10px; }

12
CSS経由でオートコンプリートを無効にする
CSSを使用してフォーム要素(特にテキストフィールド)のオートコンプリートを無効にすることはできますか? オートコンプリート要素を許可しないタグライブラリを使用しています。JavaScriptを使用せずにオートコンプリートを無効にしたいのですが。
94 html  css  forms 

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