タグ付けされた質問 「html-input」

input要素は型付きデータフィールドを表し、通常はユーザーがデータを編集できるようにするフォームコントロールを備えています。

30
CSSを使用してHTML5入力のプレースホルダーの色を変更する
Chromeは要素のプレースホルダー属性をサポートしていますinput[type=text](おそらく他の属性もそうです)。 ただし、以下CSSはプレースホルダーの値には何もしません。 input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> コードスニペットを実行する結果を非表示スニペットを展開 Valueのgrey代わりに残りますred。 プレースホルダーテキストの色を変更する方法はありますか?


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

20
jQueryでイベントハンドラーを削除する最良の方法は?
私は持っていinput type="image"ます。これは、Microsoft Excelのセルノートのように機能します。input-imageペアになっているテキストボックスに誰かが数値を入力した場合、のイベントハンドラーを設定しますinput-image。次に、ユーザーがをクリックするimageと、データにメモを追加するための小さなポップアップが表示されます。 私の問題は、ユーザーがテキストボックスにゼロを入力したときに、input-imageのイベントハンドラーを無効にする必要があることです。私は以下を試しましたが、役に立ちません。 $('#myimage').click(function { return false; });
1053 jquery  html-input 

14
JavaScriptを使用してテキスト入力フィールドの値を取得するにはどうすればよいですか?
JavaScriptを使用した検索に取り組んでいます。フォームを使用しますが、ページ上で他のものが混乱します。この入力テキストフィールドがあります。 &lt;input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/&gt; そして、これは私のJavaScriptコードです: &lt;script type="text/javascript"&gt; function searchURL(){ window.location = "http://www.myurl.com/search/" + (input text value); } &lt;/script&gt; テキストフィールドからJavaScriptに値を取得するにはどうすればよいですか?


8
HTMLチェックボックスのチェックされた属性の適切な値は何ですか?
HTMLでチェックボックス入力を作成する方法は誰でも知っています。 &lt;input name="checkbox_name" id="checkbox_id" type="checkbox"&gt; わからないこと-チェックされたチェックボックスの技術的に正しい値は何ですか?私はこれらすべての仕事を見てきました: &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked"&gt; &lt;input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true"&gt; コードスニペットを実行する結果を非表示スニペットを展開 それは問題ではないという答えですか?ここでは、仕様自体から正しいとマークされた回答の証拠はありません。 チェックボックス(およびラジオボタン)は、ユーザーが切り替えることができるオン/オフスイッチです。コントロール要素のchecked属性が設定されている場合、スイッチは「オン」です。フォームが送信されると、「オン」のチェックボックスコントロールのみが成功します。フォームの複数のチェックボックスが同じコントロール名を共有する場合があります。したがって、たとえば、チェックボックスを使用すると、ユーザーは同じプロパティの複数の値を選択できます。INPUT要素は、チェックボックスコントロールを作成するために使用されます。 スペック作成者は正しい答えは何だと思いますか?エビデンスに基づく回答を提供してください。


9
テキスト入力を編集不可にするにはどうすればよいですか?
だから私はテキスト入力を持っています &lt;input type="text" value="3" class="field left"&gt; ここに私のCSSがあります background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; これに設定やトリックはありますか?代わりにレーベルを作ることを考えていましたが、スタイリングはどうですか?それらをどのように変換し、より良い方法がありますか、それが唯一の方法ですか?
344 html  css  html-input 


29
jQueryで入力フィールドのタイプを変更する
$(document).ready(function() { // #login-box password field $('#password').attr('type', 'text'); $('#password').val('Password'); }); これは、通常のテキストフィールドである#password(を使用してid="password")入力フィールドを変更type passwordし、テキスト「パスワード」を入力することを想定しています。 ただし、機能しません。どうして? これがフォームです: &lt;form enctype="application/x-www-form-urlencoded" method="post" action="/auth/sign-in"&gt; &lt;ol&gt; &lt;li&gt; &lt;div class="element"&gt; &lt;input type="text" name="username" id="username" value="Prihlasovacie meno" class="input-text" /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt; &lt;div class="element"&gt; &lt;input type="password" name="password" id="password" value="" class="input-text" /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li class="button"&gt; &lt;div class="button"&gt; &lt;input type="submit" …

13
電話:テキスト入力用の数字キーボード
電話で数字キーボードを強制的に起動する方法はあり&lt;input type="text"&gt;ますか?私はちょうどことに気づいた&lt;input type="number"&gt;ことは、クレジットカード番号、ZIPコードなどに適していないので、HTML5で「浮動小数点数」のためであります &lt;input type="number"&gt;浮動小数点数以外の数値を取る入力に対して、の数値キーボード機能をエミュレートしたいと思います。inputそれを行う別の適切なタイプはありますか?

13
Chromeでサイトの入力ボックスが黄色くならないようにするにはどうすればよいですか?
フォームの送信、検証後のテキストや視覚的補助の中でも特に、注意が必要なインタラクティブ領域を示すために、入力ボックスを赤に着色しています。 Chrome(およびGoogleツールバーユーザー)では、自動入力機能により入力フォームの色が黄色に変わります。ここに複雑な問題があります:ユーザーのログインを高速化するため、フォームでオートコンプリートを許可したいのですが、エラーが発生した場合、またはトリガーされたときに、オートコンプリート属性をオフにする機能を確認しますが、これは複雑ですページ上の影響を受ける単一の入力のオートコンプリートをプログラムでオフにするコーディングのビット。簡単に言えば、これは大きな頭痛の種でしょう。 それで、その問題を回避しようとするために、入力ボックスの色を変更しないようにするためのより簡単な方法はありますか? [編集]以下の重要な提案を試しましたが、効果がありませんでした。!important属性が機能するかどうかを確認するために、Googleツールバーをまだチェックしていません。 私の知る限り、autocomplete属性を使用する以外に手段はありません(機能しているように見えます)。

7
AngularのINPUT要素のngModel内でパイプを使用する
HTML INPUTフィールドがあります。 &lt;input [(ngModel)]="item.value" name="inputField" type="text" /&gt; そして、その値をフォーマットして既存のパイプを使用したいと思います: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... そしてエラーメッセージを取得します: アクション式にパイプを含めることはできません このコンテキストでパイプを使用するにはどうすればよいですか?

7
JQueryのファイル入力からデータを取得する
実際にファイル入力があり、ファイルのBase64データを取得したいと思います。 私は試した: $('input#myInput')[0].files[0] データを取得します。ただし、名前、長さ、コンテンツタイプのみが提供され、データ自体は提供されません。 Amazon S3に送信するには、これらのデータが実際に必要です 私はすでにAPIをテストしており、エンコードタイプが「multipart / form-data」のHTMLフォームを介してデータを送信すると、機能します。 私はこのプラグインを使用します:http : //jasny.github.com/bootstrap/javascript.html#fileupload そして、このプラグインは画像のプレビューを提供し、画像プレビューのsrc属性でデータを取得します。しかし、これらのデータをS3に送信しても機能しません。「multipart / form-data」のようにデータをエンコードする必要があるかもしれませんが、理由はわかりません。 HTMLフォームを使用せずにこれらのデータを取得する方法はありますか?

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