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

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


7
<input>は<form>なしで整形式ですか?
に含まれてい&lt;input&gt;なくても有効です&lt;form&gt;か? ページ内のいくつかのフィールドをマークアップするプロセスがあり、期待どおりにマークアップされていない入力フィールドを持つページを見つけました。 少し時間がかかりましたが、フォーム要素を取得してからフィールドを取得するプロセスが原因で、フォームがないためにこれらが見落とされていました。
225 html  forms  input 


30
クリック時にボタンの周りのフォーカスを削除する方法
ボタンをクリックすると、すべてのボタンがハイライト表示されます。これはChromeにあります。 &lt;button class="btn btn-primary btn-block"&gt; &lt;span class="icon-plus"&gt;&lt;/span&gt; Add Page &lt;/button&gt; 私はテーマでBootstrapを使用していますが、そうではないと確信しています。以前、別のプロジェクトでこれに気づいていました。 の&lt;a&gt;代わりにタグを使用すると、問題が解決し&lt;button&gt;ます。どうして?使用&lt;button&gt;したい場合、どうすればそれを解消できますか?

22
onclick関数で文字列パラメータを渡す
Onclick関数にパラメーター(つまり文字列)を渡したいのですが。当分の間、私はこれを行います: '&lt;input type="button" onClick="gotoNode(' + result.name + ')" /&gt;' たとえば、result.nameは文字列「Add」と同じです。このボタンをクリックすると、「追加が定義されていません」というエラーが表示されます。この関数呼び出しは数値パラメーターで完全に機能するので、文字列内の記号 ""と関係があると思います。以前に誰かがこの問題を抱えていましたか?
225 javascript  html 

16
data:URIを使用するときに推奨されるファイル名を指定する方法はありますか?
たとえば、リンクをたどる場合: data:application/octet-stream;base64,SGVsbG8= ブラウザは、ハイパーリンク自体にbase64として保持されているデータで構成されるファイルをダウンロードするように求めます。マークアップでデフォルト名を提案する方法はありますか?そうでない場合、JavaScriptソリューションはありますか?

19
数百万行のJavaScriptデータグリッド[終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。 この質問を改善する JavaScriptを使用して、グリッド内の多数のデータ行(つまり、数百万行)をユーザーに提示する必要があります。 ユーザーは、一度にページを表示したり、有限量のデータのみを表示したりすることはできません。 むしろ、すべてのデータが利用可能であるように見えるはずです。 データを一度にダウンロードする代わりに、ユーザーがグリッドにスクロールすることにより、小さなチャンクがダウンロードされます。 このフロントエンドでは行は編集されないため、読み取り専用グリッドを使用できます。 この種のシームレスなページングのために、JavaScriptで記述されたどのデータグリッドが存在しますか?

2
開発者ツールでwebkit-input-placeholderを検査する
テキスト入力のプレースホルダーを次のようにスタイルすることができます: -webkit-input-placeholder { color: red; } オンラインのウェブサイトを見ていて、同じプレースホルダー色を使用したいのですが。彼らがどの色を使用したかを知ることは可能ですか?アルファ値を含めたいので、イメージエディタで色をサンプリングすることはできません。 Chrome Dev Toolsで要素を検査すると、次のように表示されます: 開発ツールは、入力要素を検査するときにプレースホルダー要素に関する情報を提供しません。別の方法はありますか?
225 html  css 

6
CSS幅の小数点以下の桁数は尊重されますか?
CSSのデザインをしている間、私がしばらく疑問に思っていた何か。 CSS幅の小数点以下の桁数は尊重されますか?それとも丸みがありますか? .percentage { width: 49.5%; } または .pixel { width: 122.5px; }
225 html  css 

5
特定のクラスを持つ最も近い祖先要素を見つける
純粋なJavaScriptで、特定のクラスを持つツリーに最も近い要素の祖先を見つけるにはどうすればよいですか?たとえば、次のようなツリーでは: &lt;div class="far ancestor"&gt; &lt;div class="near ancestor"&gt; &lt;p&gt;Where am I?&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; そして、私が欲しいdiv.near.ancestor、私が上でこれをしようpとするために検索しますancestor。
225 javascript  html  dom 

11
ボタンを右揃えで配置する
このコードを使用して、ボタンを右揃えにします。 &lt;p align="right"&gt; &lt;input type="button" value="Click Me" /&gt; &lt;/p&gt; コードスニペットを実行するHide resultsスニペットを展開 ただし、&lt;p&gt;タグを使用するとスペースが無駄になるため、&lt;span&gt;またはで同じことを行うことを検討します&lt;div&gt;。
225 html  css 


30
Font Awesomeが機能せず、アイコンが四角で表示される
だから私はマーケティングページのプロトタイプを作ろうとしていて、Bootstrapと新しいFont Awesomeファイルを使っています。問題は、アイコンを使用しようとすると、ページにレンダリングされるすべてが大きな四角形になることです。 ここでは、ファイルをヘッドに含める方法を示します。 &lt;head&gt; &lt;title&gt;Page Title&lt;/title&gt; &lt;link rel="stylesheet" href="css/bootstrap.css"&gt; &lt;link rel="stylesheet" href="css/bootstrap-responsive.css"&gt; &lt;link rel="stylesheet" href="css/font-awesome.css"&gt; &lt;link rel="stylesheet" href="css/app.css"&gt; &lt;!--[if IE 7]&gt; &lt;link rel="stylesheet" href="css/font-awesome-ie7.min.css"&gt; &lt;![endif]--&gt; &lt;/head&gt; そして、これがアイコンを使おうとする私の例です: &lt;i class="icon-camera-retro"&gt;&lt;/i&gt; しかし、すべてが大きな正方形でレンダリングされます。誰かが何が起こっているのか知っていますか?


18
CSS:表のセルを切り捨てますが、可能な限り適合させます
フレッドに会います。彼はテーブルです: &lt;table border="1" style="width: 100%;"&gt; &lt;tr&gt; &lt;td&gt;This cells has more content&lt;/td&gt; &lt;td&gt;Less content here&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; フレッドのアパートはサイズを変更するという奇妙な習慣を持っているため、他のすべてのユニットを押しのけてウィットフォード夫人のリビングルームを忘却に追いやらないように、コンテンツの一部を非表示にする方法を学びました。 &lt;table border="1" style="width: 100%; white-space: nowrap; table-layout: fixed;"&gt; &lt;tr&gt; &lt;td style="overflow: hidden; text-overflow: ellipsis"&gt;This cells has more content&lt;/td&gt; &lt;td style="overflow: hidden; text-overflow: ellipsis"&gt;Less content here&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; これは機能しますが、フレッドは、彼の右のセル(ニックネームはCelldito)が少しスペースをあきらめた場合、左のセルはほとんど切り捨てられないだろうというしつこい感じを持っています。彼の正気を保存できますか? 要約すると、どのようにしてテーブルのセルが均等にオーバーフローし、それらがすべて空白をあきらめた場合にのみですか?

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