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

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

3
ラジオボタンで「ラベル」を使用する
ラジオボタンで「ラベルの」パラメータを使用する場合、508準拠 *となるため、次の点は正しいですか? <label for="button one"><input type="radio" name="group1" id="r1" value="1" /> button one</label> それともこれ? <input type="radio" name="group1" id="r1" value="1" /><label for="button one"> button one</label> 私が尋ねる理由は、2番目の例では、「ラベル」はテキストのみを含み、実際のラジオボタンは含まないということです。 * 1973年のリハビリテーション法の第508条では、連邦政府機関が障害を持つ人々にソフトウェアとWebサイトのアクセシビリティを提供することを義務付けています。

3
Chromeで「キャッチされていないTypeError:不正な呼び出し」
requestAnimationFrame以下のコードを使用してネイティブでサポートされているアニメーションを実行する場合: var support = { animationFrame: window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame }; support.animationFrame(function() {}); //error support.animationFrame.call(window, function() {}); //right support.animationFrame意志を直接呼び出すと... Uncaught TypeError:不正な呼び出し Chromeで。どうして?

14
<td>タグでテキストを折り返す
&lt;td&gt;要素に追加されたテキストをラップしたい。で試しましたstyle="word-wrap: break-word;" width="15%"。しかし、それはテキストを折り返していません。100%の幅を与えることは必須ですか?表示する他のコントロールがあるため、15%の幅しか使用できません。

10
HTML:長い段落の垂直スクロールバーのみを持つDIVを作成する方法は?
ウェブサイトに利用規約を表示したい。テキストフィールドを使用したくないし、ページ全体を使用したくない。選択した領域にテキストを表示し、垂直スクロールバーのみを使用して、すべてのテキストを読み上げたいのですが。 現在、私はこのコードを使用しています: &lt;div style="width:10;height:10;overflow:scroll" &gt; text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text …
136 css  html  overflow 

8
HTMLフォーム:Select-OptionとDatalist-Option
Select-OptionとDatalist-Optionの違いは何だろうと思っていました。どちらか一方を使用した方がよい状況はありますか?それぞれの例は次のとおりです。 選択オプション &lt;select name="browser"&gt; &lt;option value="firefox"&gt;Firefox&lt;/option&gt; &lt;option value="ie"&gt;IE&lt;/option&gt; &lt;option value="chrome"&gt;Chrome&lt;/option&gt; &lt;option value="opera"&gt;Opera&lt;/option&gt; &lt;option value="safari"&gt;Safari&lt;/option&gt; &lt;/select&gt; データリスト-オプション &lt;input type=text list=browsers&gt; &lt;datalist id=browsers&gt; &lt;option value="Firefox"&gt; &lt;option value="IE"&gt; &lt;option value="Chrome"&gt; &lt;option value="Opera"&gt; &lt;option value="Safari"&gt; &lt;/datalist&gt;

8
フォームのラベルを入力の横に揃えます
入力の隣にラベルを正しく配置する必要があるフォームの非常に基本的で既知のシナリオがあります。しかし、私はそれを行う方法がわかりません。 私の目標は、ラベルが入力の右側に配置されることです。これが望ましい結果の画像例です。 私はあなたの便宜のためにそして私が今持っているものを明確にするためにフィドルを作りました-http ://jsfiddle.net/WX58z/ スニペット: &lt;div class="block"&gt; &lt;label&gt;Simple label&lt;/label&gt; &lt;input type="text" /&gt; &lt;/div&gt; &lt;div class="block"&gt; &lt;label&gt;Label with more text&lt;/label&gt; &lt;input type="text" /&gt; &lt;/div&gt; &lt;div class="block"&gt; &lt;label&gt;Short&lt;/label&gt; &lt;input type="text" /&gt; &lt;/div&gt; コードスニペットを実行する結果を非表示スニペットを展開
136 html  css  alignment 


10
<STYLE>はHTMLドキュメントの<HEAD>内にある必要がありますか?
厳密に言えば、styleタグheadはHTMLドキュメント内にある必要がありますか?4.01標準はそれを意味しますが、明確に述べられていません: STYLE要素を使用すると、作成者はスタイルシートルールをドキュメントの先頭に配置できます。HTMLでは、ドキュメントのHEADセクションに任意の数のSTYLE要素を使用できます。 私が「厳密に言えば」と言っているのは、スタイル要素を本体内に配置するアプリがあり、テストしたすべてのブラウザーがスタイル要素を使用しているように見えるからです。それが実際に合法かどうか疑問に思っています。

15
ベストプラクティス:HTML IDまたは名前属性でフォーム要素にアクセスしますか?
熟練したJavaScript開発者なら誰でも知っているように、同じことを行う方法はたくさんあります(多すぎます)。たとえば、次のようなテキストフィールドがあるとします。 &lt;form name="myForm"&gt; &lt;input type="text" name="foo" id="foo" /&gt; JavaScriptでこれにアクセスするには多くの方法があります。 [1] document.forms[0].elements[0]; [2] document.myForm.foo; [3] document.getElementById('foo'); [4] document.getElementById('myForm').foo; ... and so on ... メソッド[1]と[3]はMozilla Geckoのドキュメントに詳しく記載されていますが、どちらも理想的ではありません。[1]はあまりにも一般的すぎて役に立たず、[3]はIDと名前の両方を必要とします(サーバー側の言語にデータを投稿する場合)。理想的には、id属性またはname属性のみを持つことをお勧めします(特に、CSSにidが不要であり、タイプミスの可能性が高まる場合など、両方を持つことは多少冗長です)。 [2]が最も直感的であり、広く使用されているようですが、Geckoのドキュメントで参照されていることはありません。また、上位互換性とクロスブラウザー互換性の両方が心配です(もちろん、可能な限り標準に準拠しています)。 ここでのベストプラクティスは何ですか?誰でもこれを解決できるDOMドキュメントまたはW3C仕様で何かを指すことができますか? ライブラリ以外のソリューション(jQuery / Prototype)に特に関心があります。
136 javascript  html  forms  dom 

6
100%幅のテーブルでdivコンテナーがオーバーフローしています
親コンテナーでオーバーフローしているhtmlテーブルに問題があります。 .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } &lt;div class="page"&gt; &lt;table class="my-table"&gt; &lt;tr&gt; &lt;th&gt;Header Text&lt;/th&gt; &lt;th&gt;Col 1&lt;/th&gt; &lt;th&gt;Col 2&lt;/th&gt; &lt;th&gt;Col 3&lt;/th&gt; &lt;th&gt;Col 4&lt;/th&gt; &lt;th&gt;Header Text&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;An archipelago is a chain or cluster of islands. The …
136 html  css  html-table 

5
jQueryの入力フィールドからフォーカスを削除する方法は?
次の行を使用してページをロードするときに、特定の入力フィールドにフォーカスを設定しています。 $('#myInputID').focus(); 特定の要素にカーソルを合わせると、このフォーカスを元に戻したり削除したりできる方法はありますか?(この要素を終了した後でフォーカスをリセットする必要はありません。) jQueryで上記の反対の関数を見つけることができなかったか、そうでなければここで機能します。
136 jquery  html  focus 

8
テーブルの行の高さを設定する
私はこのコードを持っています: &lt;table class="topics" &gt; &lt;tr&gt; &lt;td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;"&gt;Test&lt;/td&gt; &lt;td style="padding: 0 4px 0 0;"&gt;1.0&lt;/td&gt; &lt;td&gt;abc&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;"&gt;test2&lt;/td&gt; &lt;td style="padding: 0 4px 0 0;"&gt;1.3&lt;/td&gt; &lt;td&gt;def&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; 行の間隔が離れすぎています。線を近づけたい。 私がしたことは、次のCSSを追加することでしたが、何も変更していないようです。 .topics tr { …
136 html  css 


11
JavaScript / HTML5でExcelファイルを解析する方法
私はExcelファイルを介して読むことができますFileReaderが、それはそれとともにテキストと変な文字を出力します。xls行ごとにファイルを読み取り、すべての列のデータを読み取ってJSONに変換する必要があります。 行ごとにXLSファイルを読み取る方法は?

11
ハイパーリンクの別のポート番号への相対URL?
ホスト名がわからない場合、Javascript /サーバー側スクリプトなしで同じボックスの別のポート番号にリンクする方法はありますか? 例えば: &lt;a href=":8080"&gt;Look at the other port&lt;/a&gt; (この例は、:8080をナビゲートしたい文字列として扱うだけなので機能しません)
136 html 

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