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

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

7
入力タイプ=ファイルの作成方法はPDFとXLSのみを受け入れる必要があります
使った <input type= "file" name="Upload" > .pdfと.xlsファイルのみを受け入れることで、これを制限したいと思います。 送信ボタンをクリックすると、これが検証されます。 そして、ウェブページ上のファイル(PDF / XLS)をクリックすると、自動的に開くはずです。 誰かがこれについていくつかの例を挙げていただけますか?
96 html  forms 

3
Node.jsを使用してビデオファイルをhtml5ビデオプレーヤーにストリーミングして、ビデオコントロールが引き続き機能するようにしますか?
Tl; Dr-質問: Node.jsを使用してhtml5ビデオプレーヤーへのビデオファイルのストリーミングを処理し、ビデオコントロールが引き続き機能するようにする正しい方法は何ですか? 私は考えてそれはヘッダが処理される方法に関係しています。とにかく、ここに背景情報があります。コードは少し長いですが、それはかなり簡単です。 Nodeを使用して小さなビデオファイルをHTML5ビデオにストリーミングするのは簡単です 小さなビデオファイルをHTML5ビデオプレーヤーに非常に簡単にストリーミングする方法を学びました。この設定では、コントロールは私の側で何の作業もせずに機能し、ビデオは完璧にストリーミングされます。サンプルビデオを含む完全に機能するコードの作業コピーは、Googleドキュメントからダウンロードできます。 クライアント: <html> <title>Welcome</title> <body> <video controls> <source src="movie.mp4" type="video/mp4"/> <source src="movie.webm" type="video/webm"/> <source src="movie.ogg" type="video/ogg"/> <!-- fallback --> Your browser does not support the <code>video</code> element. </video> </body> </html> サーバ: // Declare Vars & Read Files var fs = require('fs'), http = require('http'), url …


4
ページ読み込み時にHTML入力ボックスにフォーカスを設定する
ページが読み込まれたときに入力ボックスにデフォルトのフォーカスを設定しようとしています(例:google)。私のページは非常に単純ですが、これを行う方法がわかりません。 これは私がこれまでに得たものです: <html> <head> <title>Password Protected Page</title> <script type="text/javascript"> function FocusOnInput() { document.getElementById("PasswordInput").focus(); } </script> <style type="text/css" media="screen"> body, html {height: 100%; padding: 0px; margin: 0px;} #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;} #middle {vertical-align: middle} #centered {width: 280px; margin-left: auto; margin-right: auto; text-align:center;} </style> </head> …

3
AngularJS-フィルターからの空の結果のプレースホルダー
たとえば<No result>、フィルター結果が空を返す場合などに、プレースホルダーが必要です。誰か助けてくれませんか?どこから始めたらいいのか分からない... HTML: <div ng-controller="Ctrl"> <h1>My Foo</h1> <ul> <li ng-repeat="foo in foos"> <a href="#" ng-click="setBarFilter(foo.name)">{{foo.name}}</a> </li> </ul> <br /> <h1>My Bar</h1> <ul> <li ng-repeat="bar in bars | filter:barFilter">{{bar.name}}</li> </ul> </div> JS: function Ctrl($scope) { $scope.foos = [{ name: 'Foo 1' },{ name: 'Foo 2' },{ name: 'Foo 3' }]; $scope.bars …


9
TypeError:p.easing [this.easing]は関数ではありません
jQueryでdiv要素を表示しようとすると、次のエラーが発生しました。 [23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2 関連する機能はこれです: function showWithAnimation(){ console.log('animation called'); $('#popup').show(); $("#popup").css({"top": "30%", "left": "30%"}) .animate({top:(($(window).height()/2)-($('#popup') .outerHeight()/2))-70}, 1000, 'easeOutBounce') .show(); } 関数は、バウンスアニメーションでdivを表示する役割を果たしますが、divは表示されますが、バウンス効果はありません。 編集: 私はこのようなCDNからjQueryおよびjQueryUIライブラリを含めています(順番に): <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'> </script>

16
CSSセルマージン
私のHTMLドキュメントには、2つの列と複数の行を持つテーブルがあります。CSSを使用して最初の列と2番目の列の間のスペースを増やすにはどうすればよいですか?「margin-right:10px;」を適用してみました 左側の各セルには影響しますが、効果はありません。
95 html  css  cell  margin  css-tables 

4
Microsoft Edgeの電話番号スタイリングを削除する
新しいMicrosoft Edgeブラウザが電話番号を検出すると、スタイルが上書きされることに気づきました。 <span class="phone">(123)123-1234</span> このjsfiddleを参照してください(Microsoft Edge:Pを使用して開く必要があります)。 この種のことはウェブサイトのデザインに侵入し、かなり不愉快です。確かにIEの後継者の特徴のように思えます:/ これを上書きまたは無効にして、Webサイトのユーザーに表示されないようにするにはどうすればよいですか?


8
文字列からHTMLタグを取り除く
クリーンなテキストを出力できるように、HTMLタグを文字列から削除するにはどうすればよいですか? let str = string.stringByReplacingOccurrencesOfString("<[^>]+>", withString: "", options: .RegularExpressionSearch, range: nil) print(str)
95 html  ios  swift 

10
ファビコンの作成[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 3年前休業。 この質問を改善する Webサイトのファビコンを作成するにはどうすればよいですか?
95 html  favicon 

5
垂直ヘッダーのあるHTMLテーブルを作成する最も一般的な方法は?
こんにちは、私が何かを尋ねてからしばらく経ちました。これはしばらくの間私を悩ませてきたものです。質問自体はタイトルにあります: 垂直方向のヘッダーを持つHTMLテーブルを作成するための好ましい方法は何ですか? 垂直ヘッダーとは、テーブル<th>の左側に(一般的に)ヘッダー()タグがあることを意味します ヘッダー1データデータデータ ヘッダー2データデータデータ ヘッダー3データデータデータ 彼らはこのように見えます、これまでのところ私は2つのオプションを考え出しました 最初のオプション <table id="vertical-1"> <caption>First Way</caption> <tr> <th>Header 1</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> </table> この方法の主な利点は、それが表すデータの隣にヘッダーが右(実際には左)にあることです。ただし、私が好きでないの<thead>は<tbody>、<tfoot>タグとタグが欠落していることです。 nicellyが要素を一緒に配置したため、2番目のオプションに移動しました。 2番目のオプション <style type="text/css"> #vertical-2 thead,#vertical-2 tbody{ display:inline-block; } </style> <table id="vertical-2"> <caption>Second Way</caption> <thead> <tr> <th colspan="3">Header 1</th> </tr> <tr> …

11
ロード時に入力ボックスにフォーカス
ページの読み込み時にカーソルを特定の入力ボックスにフォーカスするにはどうすればよいですか? 初期のテキスト値を保持し、入力の最後にカーソルを置くことは可能ですか? <input type="text" size="25" id="myinputbox" class="input-text" name="input2" value = "initial text" />
95 javascript  html  dom  xhtml 

11
ナビゲーションバーのリストアイテムの領域全体をリンクとしてクリック可能にするにはどうすればよいですか?
順序付けられていないリストから作成された水平ナビゲーションバーがあり、各リストアイテムには見栄えをよくするために多くのパディングがありますが、リンクとして機能する唯一の領域はテキスト自体です。ユーザーがリストアイテムの任意の場所をクリックしてリンクをアクティブにできるようにするにはどうすればよいですか? #nav { background-color: #181818; margin: 0px; overflow: hidden; } #nav img { float: left; padding: 5px 10px; margin-top: auto; margin-bottom: auto; vertical-align: bottom; } #nav ul { list-style-type: none; margin: 0px; background-color: #181818; float: left; } #nav li { display: block; float: left; padding: 25px 10px; } #nav li:hover …
95 html  css  anchor 

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