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

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

12
<label>と<input>をHTMLフォームの同じ行に表示するにはどうすればよいですか?
ウェブサイトの登録フォームを作成しています。各ラベルとそれに対応する入力要素を同じ行に表示したいと思います。 これが私のコードです: #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0px; } label { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #333; height: 20px; width: 200px; margin-top: 10px; margin-left: 10px; text-align: right; clear: both; } input …
94 html  css  forms 

6
iOSは角を丸め、入力にグレアをかける
iOSデバイスは、フォーム入力、特にinput [type = submit]に多くの迷惑なスタイルを追加します。以下に示すのは、デスクトップブラウザーとiPadでの同じ単純な検索フォームです。 デスクトップ: iPad: input [type = text]はCSSボックスシャドウインセットを使用しており、-webkit-border-radius:none;も指定しています。これは明らかに上書きされます。入力[type = submit]ボタンの色と形がiPadで完全に粗雑になっています。誰かがこれを修正するために何ができるか知っていますか?前もって感謝します。
93 css  ios  forms 

17
ユーザーがフィールドを離れた後にフィールドを検証する
AngularJSでは、ng-pristineまたはng-dirtyを使用して、ユーザーがフィールドに入力したかどうかを検出できます。ただし、クライアント側の検証は、ユーザーがフィールド領域を離れた後にのみ実行したいと思います。これは、ユーザーが電子メールや電話などのフィールドに入ると、完全な電子メールの入力が完了するまで常にエラーがスローされ、これは最適なユーザーエクスペリエンスではないためです。 例 更新: Angularにはカスタムのぼかしイベントが付属しています:https : //docs.angularjs.org/api/ng/directive/ngBlur
92 forms  angularjs 

9
フォーム入力配列をPHP配列に取得する方法
私はcontacts.phpに投稿される以下のようなフォームを持っており、ユーザーはjqueryで動的に追加できます。 &lt;input type="text" name="name[]" /&gt; &lt;input type="text" name="email[]" /&gt; &lt;input type="text" name="name[]" /&gt; &lt;input type="text" name="email[]" /&gt; &lt;input type="text" name="name[]" /&gt; &lt;input type="text" name="email[]" /&gt; 以下のコードを使用してそれらをphpにエコー出力する場合 $name = $_POST['name']; $email = $_POST['account']; foreach( $name as $v ) { print $v; } foreach( $email as $v ) { print $v; } …
92 php  arrays  forms 

5
春のフォームタグのmodelAttributeとcommandName属性の違いは?
Spring 3では、jspのフォームタグに2つの異なる属性があるのを見てきました &lt;form:form method="post" modelAttribute="login"&gt; この場合、属性modelAttributeは、フォームの入力に使用されるプロパティを持つフォームオブジェクトの名前です。フォームの投稿や、@ModelAttribute値の取得、バリデーターの呼び出し、ビジネスロジックの適用に使用したコントローラーで使用しました。ここはすべて元気です。今 &lt;form:form method="post" commandName="login"&gt; この属性は何を期待していますか?これは、プロパティを設定するフォームオブジェクトでもありますか?

17
ページをリロードせずにフォームを送信する
クラシファイド広告のWebサイトを持っていて、広告が表示されるページで、「友達にヒントを送る」フォームを作成しています... したがって、誰でも広告のヒントを友達にメールで送信できます。 フォームをphpページに送信する必要があると思いますか? &lt;form name='tip' method='post' action='tip.php'&gt; Tip somebody: &lt;input name="tip_email" type="text" size="30" onfocus="tip_div(1);" onblur="tip_div(2);"/&gt; &lt;input type="submit" value="Skicka Tips"/&gt; &lt;input type="hidden" name="ad_id" /&gt; &lt;/form&gt; フォームを送信すると、ページが再読み込みされます...したくない... リロードせずにメールを送信する方法はありますか?できればajaxやjqueryなしで... ありがとう
91 php  javascript  html  forms 

2
JavaScriptを使用せずにHTMLフォームから配列をPOSTする
私は少し複雑なフォームを持っており、タプルの配列をネイティブにPOSTすることで、サーバー側(PHP)の処理を簡素化したいと考えています。 フォームの最初の部分はユーザーを表します: ファーストネーム 苗字 Eメール 住所 等 フォームの2番目の部分は、ツリーを表します。 フルーツ 高さ 等 問題は、同じフォームで1人のユーザーに対して複数のツリーをPOSTできる必要があることです。ツリーの配列を持つ単一のユーザーとして情報を送信したいのですが、これはフォームでは複雑すぎる可能性があります。頭に浮かぶのは、JavaScriptを使用してUserオブジェクトとTreeオブジェクトの配列を含むJSONメッセージを作成することだけです。しかし、より多くのユーザーをサポートするためにjavascriptを避けるのは良いことです(スクリプトをオフにしている人もいます)。
90 php  html  forms  post 

2
フォームに入力要素を動的に追加する
フィールドセットを動的に追加することに関する多くのブログや投稿を読みましたが、それらはすべて非常に複雑な答えを示しています。私が必要とするのはそれほど複雑ではありません。 私のHTMLコード: &lt;input type="text" name="member" value=""&gt;Number of members: (max. 10)&lt;br /&gt; &lt;a href="#" id="filldetails"&gt;Fill Details&lt;/a&gt; したがって、ユーザーはinputフィールドに整数値(javascriptを使用して検証をチェックしています)を入力します。Fill Detailsリンクをクリックすると、対応する数の入力フィールドが表示され、入力できます。javascriptを使用してこれを実現したいと思います。 私はJavaScriptのプロではありません。inputリンクを介してユーザーがフィールドに入力した整数を取得し、対応する数の入力フィールドを表示するにはどうすればよいかを考えていました。
89 javascript  html  forms 


9
ExcelからWebページにコピー/貼り付け
スプレアシートからWebフォームにコピーアンドペーストするための標準的な方法またはライブラリはありますか?Excelから複数のセルを選択すると、(明らかに)区切り文字が失われ、すべてがWebフォームの1つのセルに貼り付けられます。VBで行う必要がありますか?または、Webフォームで貼り付けアクションが開始されたら、処理を実行できますか?
89 javascript  html  forms  excel 

5
Angularで、コントロールの作成後にValidatorをFormControlに追加するにはどうすればよいですか?
動的に構築されたフォームを持つコンポーネントがあります。バリデーターを使用してコントロールを追加するコードは、次のようになります。 var c = new FormControl('', Validators.required); しかし、後で2番目のバリデーターを追加したいとします。どうすればこれを達成できますか?このオンラインに関するドキュメントは見つかりません。フォームコントロールにはsetValidatorsがありますが this.form.controls["firstName"].setValidators しかし、新しいバリデーターまたはカスタムバリデーターを追加する方法は明確ではありません。

6
ブラウザの戻るボタンで戻ると、フォームのすべてのフィールドをクリアします
ユーザーがブラウザの戻るボタンを使用したときに、フォーム内のすべてのフィールドをクリアする方法が必要です。現在、ブラウザは最後の値をすべて記憶しており、戻ったときにそれらを表示します。 これが必要な理由をさらに明確にするために 、特定のデータグループ内で一意にするためのアルゴリズムを使用して値が自動生成される無効な入力フィールドがあります。フォームを送信してデータをデータベースに入力すると、ユーザーは同じ値を再度使用して同じフォームを送信できなくなります。したがって、最初に入力フィールドを無効にしました。ただし、ユーザーがブラウザの[戻る]ボタンを使用すると、ブラウザは最後の値を記憶し、同じ値が入力フィールドに保持されます。したがって、ユーザーは同じ値でフォームを再度送信できます。 私が理解していないのは、ブラウザの戻るボタンを押したときに正確に何が起こるかです。ページサイズがブラウザのキャッシュ制限内にある場合、サーバーに接続せずにページ全体がキャッシュから取得されるようです。ブラウザの戻るボタンを押したときに、ブラウザの設定に関係なく、ページがサーバーから読み込まれるようにするにはどうすればよいですか?
88 html  forms 

6
アップロードされたファイルのmimeタイプはブラウザによってどのように決定されますか?
ユーザーが.zipファイルをアップロードする必要があるWebアプリがあります。サーバー側では、アップロードされたファイルのmimeタイプをチェックして、それがapplication/x-zip-compressedまたはであることを確認していapplication/zipます。 これはFirefoxとIEでうまくいきました。しかし、同僚がそれをテストしたとき、Firefoxでは失敗しました(送信されたmimeタイプは " application/octet-stream"のようなものでした)が、InternetExplorerでは機能しました。私たちのセットアップは同じようです:IE8、FF 3.5.1、すべてのアドオンが無効、Win XP SP3、WinRARがネイティブの.zipファイルハンドラーとしてインストールされています(それが関連するかどうかはわかりません)。 だから私の質問は:ブラウザはどのmimeタイプを送信するかをどのように決定するのですか? 注意:mimeタイプはブラウザによって送信されるため、信頼性が低いことを知っています。私は便宜上それをチェックしています-主に、非zipファイルをzipファイルとして開こうとした場合よりもわかりやすいエラーメッセージを表示し、(おそらく重い)zipファイルライブラリをロードしないようにします。

6
テキストをクリックして、対応するラジオボタンを選択します
PHPを使用してクイズWebアプリケーションを作成しています。各質問は個別に構成され、ユーザーが自分の回答を選択できるようにするため&lt;label&gt;に使用radio buttonsする4つの可能な選択肢があります。1つの質問の現在のHTMLは次のようになります。 &lt;label for="349"&gt;What is my middle name?&lt;/label&gt; &lt;br&gt; &lt;input id="349" type="radio" value="1" name="349"&gt;Abe &lt;br&gt; &lt;input id="349" type="radio" value="2" name="349"&gt;Andrew &lt;br&gt; &lt;input id="349" type="radio" value="3" name="349"&gt;Andre &lt;br&gt; &lt;input id="349" type="radio" value="4" name="349"&gt;Anderson &lt;br&gt; ラジオボタンに関連付けられたテキストをクリックするオプションをユーザーに提供してほしい。 今のところ、ユーザーはラジオボタン自体をクリックすることしかできません。これは非常に面倒な作業だと思います。 選択テキストをクリックして特定のラジオボタンの選択肢を選択できないと読みました。タグの属性forとid属性を一致させるための提案があります。私はこれを行いましたが、それでも機能しません。 私の質問は、ラジオボタン自体を選択することしかできないのではなく、&lt;input type="radio"&gt;オブジェクトのテキストをクリックできるようにしたいということです。 私は以前にこれについて読んだことがあることを知っていますが、私の問題の解決策を見つけることができないようです。どんな助けや提案も大歓迎です!

11
テーブルの代わりにHTMLフォームに定義リスト(DL、DD、DT)タグを使用するのはなぜですか?
最近、次のようなことを行ういくつかの例に出くわしました。 &lt;dl&gt; &lt;dt&gt;Full Name:&lt;/dt&gt; &lt;dd&gt;&lt;input type="text" name="fullname"&gt;&lt;/dd&gt; &lt;dt&gt;Email Address:&lt;/dt&gt; &lt;dd&gt;&lt;input type="text" name="email"&gt;&lt;/dd&gt; &lt;/dl&gt; HTMLフォームを作成するため。何故ですか?テーブルを使用することに対する利点は何ですか?
85 html  css  forms 

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