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

HTML（HyperText Markup Language）は、Webブラウザーに表示されるWebページやその他の情報を作成するための主要なマークアップ言語です。HTMLに関する質問には、最小限の再現可能な例と、何を達成しようとしているのかについての考えを含める必要があります。このタグが単独で使用されることはほとんどなく、[CSS]や[javascript]と組み合わせられることがよくあります。

10
中央のHTML入力テキストフィールドのプレースホルダー
入力フィールドのプレースホルダーの配置をHTMLフォームの中央に配置するにはどうすればよいですか？ 次のコードを使用していますが、機能しません。 CSS-> input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; } HTML-> <form action="" method="POST"> <input type="text" class="emailField" placeholder="support@socialpic.org" style="text-align: center" name="email" /> <!<input type="submit" value="submit" /> </form>
153 html  css 
7
display：blockを使用した入力はブロックではありませんが、なぜですか？
なぜdisplay:block;width:auto;私のテキスト入力にdiv要素のように動作し、コンテナの幅を埋めていませんか？ divは自動幅のブロック要素にすぎないという印象を受けました。次のコードでは、divと入力が同じ寸法であってはなりませんか？ 幅を満たす入力を取得するにはどうすればよいですか？入力にパディングとボーダーがあるため、100％の幅は機能しません（最終的な幅は1ピクセル+ 5ピクセル+ 100％+ 5ピクセル+ 1ピクセルになります）。固定幅はオプションではなく、もっと柔軟なものを探しています。 回避策に直接回答することをお勧めします。これはCSSの癖のようであり、理解すると後で役立つ場合があります。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>width:auto</title> <style> div, input { border: 1px solid red; height: 5px; padding: 5px; } input, form { display: block; width: auto; } </style> </head> <body> <div></div> <form> <input type="text" name="foo" /> </form> </body> …
153 html  css 
9
ブートストラップアラートの自動クローズ
[ウィッシュリストに追加]ボタンをクリックしたときにアラートを呼び出し、2秒でアラートが消えるようにする必要があります。これは私が試した方法ですが、アラートが表示されるとすぐに消えます。バグがどこにあるかわからない。誰でも手伝ってくれる？ JSスクリプト $(document).ready (function(){ $("#success-alert").hide(); $("#myWish").click(function showAlert() { $("#success-alert").alert(); window.setTimeout(function () { $("#success-alert").alert('close'); }, 2000); }); }); HTMLコード： <div class="product-options"> <a id="myWish" href="" class="btn btn-mini">Add to Wishlist </a> <a href="#" class="btn btn-mini"> Purchase </a> </div> 警告ボックス： <div class="alert alert-success" id="success-alert"> <button type="button" class="close" data-dismiss="alert">x</button> <strong>Success!</strong> Product have added to your …
2
JavaScriptを使用してdivのコンテンツをクリアするにはどうすればよいですか？[閉まっている]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 2年前休業。 ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 ユーザーが自分のページのボタンをクリックすると、divのコンテンツがクリアされます。これを達成するにはどうすればよいですか？
152 javascript  html  css 
16
CSS / JSでゴースト画像のドラッグを防ぎますか？
ユーザーがドラッグしようとしている画像のゴーストを表示しないようにする方法はありますか（画像のセキュリティについてではなく、エクスペリエンスについて）。 私はこれを試しましたが、テキストと画像の青い選択の問題を修正しましたが、ゴースト画像は修正していませんでした： img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } （私は、divに同じルールを適用して、div内に画像をネストしてみました）。ありがとう
152 javascript  html  css 
14
<textarea>に複数行のHTML5プレースホルダーテキストを含めることはできますか？
HTML5のプレースホルダー属性を使用してそれらに集中するとテキストフィールドにゴーストテキストが表示されなくなります。 &lt;input type="text" name="email" placeholder="Enter email"/&gt; 同じメカニズムを使用して、textareaに複数行のプレースホルダーテキストを設定します。 &lt;textarea name="story" placeholder="Enter story\n next line\n more"&gt;&lt;/textarea&gt; しかし、これら\nのsはテキストに表示され、改行を引き起こしません...複数行のプレースホルダーを作成する方法はありますか？ 更新：これを機能させる唯一の方法は、プレースホルダーテキストでHTMLを受け入れる jQuery Watermarkプラグインを利用することでした： $('.textarea_class').watermark('Enter story&lt;br/&gt; * newline', {fallback: false});
8
div内でコンテンツを揃える
私はcssスタイルのtext-alignを使用して、コンテンツをHTMLのコンテナー内に配置します。コンテンツがテキストまたはブラウザがIEの場合、これは正常に機能します。しかし、それ以外の場合は機能しません。 また、その名前が示すように、基本的にテキストを揃えるために使用されます。alignプロパティはずっと前に非推奨になっています。 HTMLのコンテンツを揃える他の方法はありますか？
152 html  css  text-align 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.