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

HTMLコンテンツを関数に渡してPDFを生成したい。私はこれにiTextSharpを使用しましたが、テーブルに遭遇し、レイアウトが乱雑になるとうまく機能しません。 もっと良い方法はありますか？

425 c#  html  pdf  itextsharp 

最近、私は多くのモーダルウィンドウポップアップを実行しており、jQueryを使用しています。ページに新しい要素を作成するために使用した方法は、圧倒的に次のようなものです。 $("<div></div>"); しかし、これはこれを行うための最良または最も効率的な方法ではないという感覚を得ています。パフォーマンスの観点からjQueryで要素を作成する最良の方法は何ですか？ この回答には、以下の提案に対するベンチマークがあります。

425 javascript  jquery  html  dom 

xhtml1-transitional.dtddoctype を使用する場合、次のHTMLでクレジットカード番号を収集します <input type="text" id="cardNumber" name="cardNumber" autocomplete='off'/> W3Cバリデータの警告にフラグを立てます。 「オートコンプリート」属性はありません。 フォームの機密フィールドでブラウザのオートコンプリートを無効にするW3C /標準の方法はありますか？

424 html  standards  forms  w3c 

flexboxを使用して一部のコンテンツを垂直方向に整列させたいのですが、うまくいき<li>ません。 オンラインで確認しましたが、多くのチュートリアルでは、実際align-items:centerには親のフレックス設定から取得するラッパーdivを使用していますが、この追加の要素を切り取ることはできないのでしょうか。 リストアイテムの高さが動的になるため、このインスタンスではflexboxを使用することにしました%。 * { padding: 0; margin: 0; } html, body { height: 100%; } ul { height: 100%; } li { display: flex; justify-content: center; align-self: center; background: silver; width: 100%; height: 20%; } <ul> <li>This is the text</li> </ul> コードスニペットを実行する結果を非表示スニペットを展開

424 html  css  flexbox 

Bootstrap 3を使用してカタログを作成します。製品画像はタブレットで表示すると、サイズが小さく（500x500）、ブラウザーでの幅が767ピクセルであるため、見苦しく見えます。画面中央に配置したいのですが、どういうわけかできません。誰が問題を解決する手助けをしますか？

423 html  css  image  twitter-bootstrap  alignment 

<table>幅を100％に設定し、<tbody>垂直スクロールの内側にのみ高さを設定するにはどうすればよいですか？ table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width: 100%; overflow: auto; } <table> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> <th>Head 4</th> <th>Head 5</th> </tr> </thead> <tbody> <tr> <td>Content 1</td> <td>Content 2</td> <td>Content 3</td> …

423 html  css  vertical-scrolling 

他のサイトにあなたのサイトを「フレーム」にしたくないとしましょう<iframe>： <iframe src="http://example.org"></iframe> したがって、すべてのページにアンチフレーミング、フレームバスティングJavaScriptを挿入します。 /* break us out of any containing iframes */ if (top != self) { top.location.replace(self.location.href); } 優秀な！これで、含まれているiframeから自動的に「バスト」または抜け出します。1つの小さな問題を除きます。 結局のところ、次に示すように、フレーム無効化コードが無効化される可能性があります。 <script type="text/javascript"> var prevent_bust = 0 window.onbeforeunload = function() { prevent_bust++ } setInterval(function() { if (prevent_bust > 0) { prevent_bust -= 2 window.top.location = 'http://example.org/page-which-responds-with-204' } }, 1) …

422 javascript  html  iframe  framebusting 

Java文字列からHTMLを削除する良い方法はありますか？のような単純な正規表現 replaceAll("\\<.*?>","") は機能し&ますが、正しく変換されず、2つの山括弧の間の非HTMLは削除されます（つまり.*?、正規表現内のは表示されなくなります）。

422 java  html  parsing 

次のHTML <select>要素があります。 <select id="leaveCode" name="leaveCode"> <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> <option value="17">Leave Without Pay</option> </select> leaveCode数値をパラメーターとしてJavaScript関数を使用して、リストから適切なオプションを選択するにはどうすればよいですか？

420 javascript  html  dom 

2つのdivがあります。1つはページの左側にあり、もう1つはページの右側にあります。左側のものは幅が固定されており、右側のものは残りのスペースを埋めてほしい。 #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> コードスニペットを実行する結果を非表示スニペットを展開

419 html  css  width  responsive 

私のフォームでは、たとえば新しいHTML5フォームタイプを使用したいと思います<input type="url" />（タイプの詳細はこちら）。 問題は、Chromeが非常に役に立って、私にとってこれらの要素を検証したいということです。組み込みの検証に失敗した場合、要素がフォーカスを取得する以外にメッセージや指示はありません。私はURL要素にを事前に入力している"http://"ため、独自のカスタム検証ではこれらの値を空の文字列として扱うだけですが、Chromeでは拒否されます。検証ルールを変更できれば、それも機能します。 私は使用に戻すことができることはわかってtype="text"いますが、これらの新しいタイプのオファーを使用して素晴らしい拡張が必要です（例：モバイルデバイスのカスタムキーボードレイアウトに自動的に切り替わります）： それで、自動検証をオフにするか、カスタマイズする方法はありますか？

418 validation  forms  html  input 

ng-repeat常に配列を反復処理する必要がない代わりに、定義された回数を実行する方法はありますか？ たとえば、以下では、リストアイテムが$scope.number5に等しいと仮定して、リストアイテムを5回表示し、さらに番号をインクリメントして、各リストアイテムが1、2、3、4、5のようにインクリメントするようにします。 望ましい結果： <ul> <li><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> <li><span>4</span></li> <li><span>5</span></li> </ul>

417 javascript  html  angularjs  angularjs-ng-repeat 

わかりました、これは本当に私を混乱させます。私はdivの中にいくつかのコンテンツを持っています： <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> ただし、「単語」が長すぎるため、コンテンツはDIVをオーバーフローします（予想どおり）。 内部のすべてのコンテンツを収めるために必要な場合は、どうすればブラウザに単語を「分割」させることができますか？

417 html  css  line-breaks 

OverаэтотвопросестьответынаStack Overflowнарусском：Какпометить "обязательнойдлязаполнения（required）"гру ラジオボタンの正しい方法で「必須」の新しいHTML5入力属性を使用する方法を考えているところです。すべてのラジオボタンフィールドに以下のような属性が必要ですか、それとも1つのフィールドだけがそれを取得すれば十分ですか？ <input type="radio" name="color" value="black" required="required" /> <input type="radio" name="color" value="white" required="required" />

409 html  radio-button  required 

select要素をオブジェクトのリストにバインドしたいと思います-これは十分簡単です： @Component({ selector: 'myApp', template: `<h1>My Application</h1> <select [(ngModel)]="selectedValue"> <option *ngFor="#c of countries" value="c.id">{{c.name}}</option> </select>` }) export class AppComponent{ countries = [ {id: 1, name: "United States"}, {id: 2, name: "Australia"} {id: 3, name: "Canada"}, {id: 4, name: "Brazil"}, {id: 5, name: "England"} ]; selectedValue = null; } この場合、selectedValue数値、つまり選択したアイテムのIDであるように見えます。 ただし、実際には国オブジェクト自体にバインドしたいので、それselectedValueは単なるidではなくオブジェクトです。私はそのようにオプションの値を変更してみました： …

409 html  angular