問題タブ [html-input]

iPad を使用している場合、以下のフォームのチェックボックスのラベルをクリックしても、チェックボックスが選択されません。入力がラベル内にあるため、これが発生するはずだと思いました。ありがとう

このサイトは Android タブレットで使用されています。入力の css クラスに以下を含めました。

これは、入力された文字が入力で大文字として表示されるという点で、その役割を果たします。ただし、スクリーン キーボードに大文字の文字が表示されるわけではありません。入力で大文字を入力しても、キーボードの文字は小文字として表示されます。したがって、入力時にテキストが大文字になるため、問題はそれほど機能的ではありません。これは、小文字のキーボードで大文字を入力しているユーザーに一貫性を持たせ、シームレスな感覚を生み出すためのものです。

IE で動作するように私のコードを採用し続けています...

divいくつかの情報を編集するためのフォームを含む非表示があります。ユーザーが編集するアイテムを選択すると、この div が表示され、フィールドにアイテムの情報が入力されます。その div は (簡略化して) 次のようになります。

jquery を使用してフィールドに値を設定します。編集 div を開くための私の関数は次のようになります。

これらはすべて FF、Opera、Webkit、IE 9 では問題なく動作しますが、IE7 と IE8 では奇妙な問題が発生します。item_id関数で正しく設定されていることがわかりますが、edit_itemその関数が完了するとすぐに、非表示の入力値 ( qid) が空の文字列にリセットされます。フォームが ajax で送信されると、値が正しく設定されているにもかかわらず、値が空の文字列であることがアラートに表示されます。興味深いことに、他のすべてのフィールドは問題ありません。また、IE 9 では正しく動作します。

ここで何が欠けていますか？よろしくお願いします。

これは簡単な質問だと思いますが、それでも解決策が見つかりません。

jQuery Validator によって検証されているフォームがあります。url である html 入力タイプがあり、jQuery を使用してそれが url であることを検証します。入力の値が http:// または https:// で始まるかどうかを検出し、それらのいずれかで始まらない場合は、自動的に http:// を先頭に追加するスクリプトを作成したいと思います値。また、スクリプトでフォームの値が null かどうかを検出し、null の場合は http:// を追加しないようにしたいと思います。

ありがとう、CampSoup1988

チェックボックスを事前に選択する 3 つの実装を見てきました。私はそれが「適切な」方法だと思ったので、checked="checked" を使い始めました (ただし、"checked"="yes" は好きではありませんでした)。私は、より読みやすく、JavaScript をコーディングしやすいように、checked="true" に変更することを考えています。これと同じ質問が、"disabled"="disabled" と "disabled"="true" などの他の属性にも当てはまることに注意してください。私が一貫している限り、「真」を使用するのが好ましいアプローチですか? ありがとうございました

タイプのあるHTML5入力要素で使用するために、日付と時刻をどの形式で入力する必要がありますdatetimeか？

私が試してみました：

• 1338575502
• 01/06/2012 19:31
• 01/06/2012 19:21:00
• 2012-06-01
• 2012-06-01 19:31
• 2012-06-01 19:31:00

それらのどれも機能していないようです。

簡単な入力ボックスがあり、数値が2より大きい場合、ポップアップメッセージが表示されます。

これが私が使用しているコードですが、私はすでにonkeyup何か他のものの入力に対するコマンドを持っているので、それが問題にならないことを願っています

HTML：

Javascript：

alerメッセージが表示され、ユーザーが[OK]をクリックした後、入力テキストをリセットします。これどうやってするの？

前もって感謝します

だから、私はこのHTMLのスニペットを持っています：

およびCSSのこの対応するスニペット：

入力要素をタップしても何も起こりません。iPadにはキーボードが表示されません。

編集：このWebサイトは、jQuery、jQuery UI、およびjQueryUITouchを使用しています。

これは世界で最も基本的なことのように思えますが、いくらグーグルや実験をしても、存在しなければならない単純な解決策にたどり着くことはありません。

「ルックアップ」ボタンは、テキストに合わせてちょうどいいサイズの左側にあり、テキスト入力がdivの残りの幅を埋めることを期待しています。しかし、代わりに、テキスト入力は一見恣意的な幅を取ります。

最新のブラウザーのみの最小限の答えだけを知りたいです。可能であればインラインスタイルのみを使用し、できればテーブルに頼ることはありません。

(これは、誰も目にすることのない個人的なコードのためのものであり、いくつかの基本を学ぶのに役立ちます。検索すると大量のもみ殻が表示され、Web サイトを調べると、大量のスタイリングを使用するため、最小限のものを見つけるのが困難になります。)

と要素が指定され、両方とも<select>200px幅に指定されています。<input>

一方は他方よりも^{1、2、3、4}広くなります。

これの理由は何ですか？

誰かが理由を説明できれば、おそらく解決策は明らかであり、ハックアンドプレイではありません。

レイアウト

適用されたレイアウトは完全に合理的です。

更新 1 : この質問を書いている間に、Chrome は17から19に更新されました。

更新 2:パディングを<input>1からゼロに変更する:

幅が<input> 200pxになりません (つまり、修正されません)。

更新 3: CSS リセットの適用:

問題を解決しません:

また、私は説明よりも解決策に興味がありません。

脚注

• ^1,2,3 Chrome 17 19、Firefox、Internet Explorer 9
• Windows 7 64 ビットでは⁴

ボーナスリーディング

• <option> を IE6 で <select> より広くするには? （オプションを選択よりも広くしたくない、IE6を使用していない）
• 選択リストに拡張オプションを表示するには? (ドロップダウンの幅はコントロールの幅と一致します)
• Containing Div よりも幅の広い HTML 入力要素(ここには含まれていません<div>)
• HTML入力要素を並べるには?