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

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

30
HTMLフォームの読み取り専用SELECTタグ/入力
HTML仕様によると、HTMLのselectタグにはreadonly属性がなく、disabled属性のみがあります。したがって、ユーザーがドロップダウンを変更できないようにするには、を使用する必要がありますdisabled。 唯一の問題は、無効化されたHTMLフォーム入力がPOST / GETデータに含まれないことです。 タグのreadonly属性をエミュレートし、selectそれでもPOSTデータを取得する最良の方法は何ですか?
587 javascript  html 

16
ラジオボタンがJQueryでチェックされているかどうかを確認しますか?
ラジオボタンをチェック済みに設定できますが、特定のラジオボタンがチェックされたときにアクティブになる一種の「リスナー」を設定します。 たとえば、次のコードを見てください。 $("#element").click(function() { $('#radio_button').attr("checked", "checked"); }); これは、checked属性を追加し、すべてが順調ですが、アラートを追加するにはどうすればよいでしょうか。たとえば、ラジオボタンがクリック機能の助けなしにチェックされると、それはポップアップしますか?

13
あるAngularJSコントローラーが別のコントローラーを呼び出すことはできますか?
1つのコントローラーで別のコントローラーを使用することはできますか? 例えば: このHTMLドキュメントは、MessageCtrlコントローラによって配信されたメッセージをmessageCtrl.jsファイルに出力するだけです。 <html xmlns:ng="http://angularjs.org/"> <head> <meta charset="utf-8" /> <title>Inter Controller Communication</title> </head> <body> <div ng:controller="MessageCtrl"> <p>{{message}}</p> </div> <!-- Angular Scripts --> <script src="http://code.angularjs.org/angular-0.9.19.js" ng:autobind></script> <script src="js/messageCtrl.js" type="text/javascript"></script> </body> </html> コントローラファイルには、次のコードが含まれています。 function MessageCtrl() { this.message = function() { return "The current date is: " + new Date().toString(); }; } 現在の日付を出力するだけです。 …

4
Lollipopの最新バージョンのChromeでヘッダーバーとアドレスバーの色を変更する方法
このトピックについてはまだ何も見つかりません。概要でアドレスバーの色とヘッダーの色を変更する機能が本当に好きですか?これを行う簡単な方法はありますか? 。 これを機能させるにはAndroid 5.0 Lollipopが必要であり、ChromeのMerge Tabs and AppsをOnに設定する必要があると思います。

12
Webサイトのブラウザータブアイコン(ファビコン)を追加する方法
私はウェブサイトで作業しており、ブラウザのタブに小さなアイコンを追加したいと思います。 HTMLでこれを行うにはどうすればよいですか?コードのどこに配置する必要がありますか(ヘッダーなど)?私が持っている.png私は、アイコンに変換したいというロゴファイルを。 関連:ブラウザタブのHTMLセット画像。
578 html  icons  favicon 

7
<span>の代わりにアイコンに<i>タグを使用する必要がありますか?[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 3年前休業。 私はFacebookのソースを調べましたが、&lt;i&gt;タグを使用してアイコンを表示しています。 また、今日はTwitterのBootstrapを調べました。また、&lt;i&gt;タグを使用してアイコンを表示します。 だが、 HTML5仕様から: I要素は、代替の音声または気分でテキストの範囲を表すか、そうでなければ、分類学的指定、専門用語、別の言語の慣用句、思想、船名、またはその他の通常の散文からオフセットされます典型的な活版印刷のプレゼンテーションがイタリック体になっている散文。 &lt;i&gt;タグを使用してアイコンを表示するのはなぜですか? それは悪い習慣ではありませんか? または、ここで何か不足していますか? 私はspanアイコンの表示に使用していますが、今までは問題なく動作しているようです。 更新: Bootstrap 3はspanアイコンに使用するようになりました。公式ドキュメント

23
Twitter Bootstrapを使用して中央揃えのコンテンツを取得するにはどうすればよいですか?
私は非常に基本的な例に従っています。スターターページとグリッドシステムを使用して、次のことを期待していました。 &lt;div class="row"&gt; &lt;div class="span12"&gt; &lt;h1&gt;Bootstrap starter template&lt;/h1&gt; &lt;p&gt;Example text.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; コードスニペットを実行する結果を非表示スニペットを展開 ...中央揃えのテキストを生成します。 ただし、それでも左端に表示されます。何が悪いのですか?

27
divにツールチップを追加する
私はこのようなdivタグを持っています: &lt;div&gt; &lt;label&gt;Name&lt;/label&gt; &lt;input type="text"/&gt; &lt;/div&gt; :hoverdivのツールチップを、できればフェードイン/フェードアウト効果で表示するにはどうすればよいですか。
568 javascript  html  css  tooltip 

21
HTMLテーブルのワードラップ
sとsでword-wrap: break-wordテキストをラップするために使用しています。ただし、テーブルセルでは機能しないようです。1行2列のに設定されたテーブルがあります。列内のテキストは、上記でスタイル設定されていますが、折り返されません。これにより、テキストがセルの境界を越えます。これは、Firefox、Google Chrome、およびInternet Explorerで発生します。divspanwidth:100%word-wrap ソースは次のようになります。 td { border: 1px solid; } &lt;table style="width: 100%;"&gt; &lt;tr&gt; &lt;td&gt; &lt;div style="word-wrap: break-word;"&gt; Looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong word &lt;/div&gt; &lt;/td&gt; &lt;td&gt;&lt;span style="display: inline;"&gt;Short word&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; コードスニペットを実行する結果を非表示スニペットを展開 上記の長い単語は私のページの境界よりも大きいですが、上記のHTMLでは壊れません。私は、追加の以下の提案を試みたtext-wrap:suppressとtext-wrap:normal、しかし助けでもありません。
566 html  css  html-table 

3
Base64イメージの埋め込み
純粋に好奇心から、Base64画像の埋め込みはどのブラウザで機能しますか?私が言及しているのはこれです。 ページサイズがかなり大きくなるため、通常はほとんどの場合適切な解決策ではないことに気づきました。 いくつかの例: HTML: &lt;img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." /&gt; CSS: div.image { width:100px; height:100px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...); }
564 html  base64  browser 


3
ブラウザーがCSSセレクターを右から左に一致させるのはなぜですか?
CSSセレクターは、ブラウザーエンジンによって右から左にマッチングされます。したがって、まず子供を見つけ、次に親をチェックして、ルールの残りの部分と一致するかどうかを確認します。 どうしてこれなの? それは仕様が言っているからというだけですか? 左から右に評価した場合、最終的なレイアウトに影響しますか? 私にとって最も簡単な方法は、要素数が最も少ないセレクターを使用することです。したがって、最初にIDを使用します(1つの要素のみを返す必要があるため)。次に、おそらくノードまたはノードの数が最も少ないクラスまたは要素です。たとえば、ページにスパンが1つしかない場合があるため、スパンを参照するルールを使用してそのノードに直接移動します。 ここに私の主張を裏付けるいくつかのリンクがあります http://code.google.com/speed/page-speed/docs/rendering.html https://developer.mozilla.org/en/Writing_Efficient_CSS 親でなければならない子のすべての親ではなく、親の子(多くの場合)をすべて見る必要がないように、このように行われているようです。DOMが深い場合でも、RTLマッチングでは複数のノードではなく、レベルごとに1つのノードのみを参照します。CSSセレクターLTRまたはRTLを評価する方が簡単/高速ですか?

7
CSSを使用してdivを垂直方向にスクロール可能にする
この &lt;div id="" style="overflow:scroll; height:400px;"&gt; コードスニペットを実行する結果を非表示スニペットを展開 与えdivユーザーが水平方向と垂直方向の両方にスクロールすることができること。divが垂直方向にのみスクロールできるように変更するにはどうすればよいですか?
560 html  css 

16
jQuery.click()とonClick
巨大なjQueryアプリケーションがあり、クリックイベントに以下の2つのメソッドを使用しています。 最初の方法 HTML &lt;div id="myDiv"&gt;Some Content&lt;/div&gt; jQuery $('#myDiv').click(function(){ //Some code }); 第二の方法 HTML &lt;div id="myDiv" onClick="divFunction()"&gt;Some Content&lt;/div&gt; JavaScript関数呼び出し function divFunction(){ //Some code } 私のアプリケーションでは、1番目または2番目の方法を使用しています。どっちがいいですか?パフォーマンスに優れていますか?そして標準?

22
クリック時にHTMLテキスト入力のすべてのテキストを選択する
HTML Webページにテキストボックスを表示する次のコードがあります。 &lt;input type="text" id="userid" name="userid" value="Please enter the user ID" /&gt; ページが表示されると、テキストに「ユーザーIDを入力してください」というメッセージが含まれます。ただし、すべてのテキストを選択するには、ユーザーが3回クリックする必要があることがわかりました(この場合は、ユーザーIDを入力してください)。 ワンクリックでテキスト全体を選択することは可能ですか? 編集: すみません、言うのを忘れました:入力を使用する必要があります type="text"

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