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

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

8
<option>タグ内でhrefリンクを使用する
次のHTMLコードがあります。 &lt;select name="forma"&gt; &lt;option value="Home"&gt;Home&lt;/option&gt; &lt;option value="Contact"&gt;Contact&lt;/option&gt; &lt;option value="Sitemap"&gt;Sitemap&lt;/option&gt; &lt;/select&gt; ホーム、連絡先、サイトマップの値をリンクとして作成するにはどうすればよいですか？私は次のコードを使用しましたが、期待どおりに機能しませんでした。 &lt;select name="forma"&gt; &lt;option value="Home"&gt;&lt;a href="home.php"&gt;Home&lt;/a&gt;&lt;/option&gt; &lt;option value="Contact"&gt;&lt;a href="contact.php"&gt;Contact&lt;/a&gt;&lt;/option&gt; &lt;option value="Sitemap"&gt;&lt;a href="sitemap.php"&gt;Sitemap&lt;/a&gt;&lt;/option&gt; &lt;/select&gt;
139 html  forms  tags  anchor  option 
7
divを下から上に重ねる
高さを固定divしてにdivを追加すると、子divは上から下に表示され、上部の境界に固定されます。 ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ 私は今、このように下から上に表示しようとしています（下の境界にくっついています）： ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ Child Div 1 │ │ Child …
22
ブラウザのフォーム入力と入力の強調表示をHTML / CSSでオーバーライドする
サインインとサインアップの2つの基本的なフォームがあります。どちらも同じページにあります。今、私はフォームの自動入力のサインに問題はありません、サインアップフォームの自動入力も同様で、私はそれが好きではありません。 また、フォームスタイルの背景が黄色になり、上書きすることができず、インラインCSSを使用して上書きすることはできません。黄色に着色されないようにするにはどうすればよいですかおよび（おそらく）自動入力？前もって感謝します！
139 html  css  input  autofill 
6
CSS-選択したラジオボタンラベルのスタイルを設定する方法
ラジオボタンの選択したラベルにスタイルを追加したい： HTML： &lt;div class="radio-toolbar"&gt; &lt;label&gt;&lt;input type="radio" value="all" checked&gt;All&lt;/label&gt; &lt;label&gt;&lt;input type="radio" value="false"&gt;Open&lt;/label&gt; &lt;label&gt;&lt;input type="radio" value="true"&gt;Archived&lt;/label&gt; &lt;/div&gt; CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } 私が間違っていることはありますか？
139 html  css 
5
HTML送信ボタン：異なる値/ボタンテキスト？
値 を指定してHTMLフォーム送信ボタンを作成したいの'add tag'ですが、Webページはスウェーデン語なので、別のボタンテキストを使用します。 つまり、次のようなボタンが欲しい しかし、私は私のコードを次のようにしたいです if (request.getParameter(cmd).equals("add tag")) tags.addTag( /*...*/ ); これは可能ですか？もしそうなら、どうですか？
139 html  forms 
11
デフォルトでHTML選択オプションを無効にする方法を教えてください。
私はHTMLとPHPに不慣れで、mysqlテーブルからドロップダウンメニューを実現し、ハードコーディングしたいと考えています。ページに複数選択があります。そのうちの1つは &lt;select name="tagging"&gt; &lt;option value=""&gt;Choose Tagging&lt;/option&gt; &lt;option value="Option A"&gt;Option A&lt;/option&gt; &lt;option value="Option B"&gt;Option B&lt;/option&gt; &lt;option value="Option C"&gt;Option C&lt;/option&gt; &lt;/select&gt; 問題は、ユーザーがタグ付けとして「タグ付けの選択」を選択できることですが、利用可能な3つから選択するように彼に提供したいだけです。私は無効化を使用しました &lt;select name="tagging"&gt; &lt;option value="" disabled="disabled"&gt;Choose Tagging&lt;/option&gt; &lt;option value="Option A"&gt;Option A&lt;/option&gt; &lt;option value="Option B"&gt;Option B&lt;/option&gt; &lt;option value="Option C"&gt;Option C&lt;/option&gt; &lt;/select&gt; しかし、今では「オプションA」がデフォルトになりました。したがって、「Choose Tagging」をデフォルトとして設定し、それを選択から無効にしたいと思います。これを行う方法ですか？Mysqlからデータをフェッチする他のselectでも同じことが必要です。どんな提案も認められます。
139 html  html-select 
1
スクリプトおよびスタイル要素のHTMLの「nonce」属性の目的は何ですか？
W3Cは、そこと呼ばれるHTML5.1で新しい属性であると言うnonceためには、styleおよびscriptそのウェブサイトのコンテンツセキュリティポリシーで使用することができます。 私はそれについてググりましたが、最終的に、この属性が実際に何をするか、それを使用すると何が変わるのかわかりませんでしたか？
5
インラインフォーム内の全幅テキスト入力をブートストラップする
コンテナー領域の幅全体に収まるテキストボックスを作成するのに苦労しています。 &lt;div class="row"&gt; &lt;div class="col-md-12"&gt; &lt;form class="form-inline" role="form"&gt; &lt;input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"&gt; &lt;button type="submit" class="btn btn-lg"&gt;Search&lt;/button&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; 上記を実行すると、予想どおり、2つのフォーム要素はインラインになりますが、せいぜい数列を超えないようにしてください。Firebugでcol-md-12divにカーソルを合わせると、予想される全幅を占めていることがわかります。埋められないように見えるのは、テキスト入力だけです。インラインの幅の値を追加してみましたが、何も変わりませんでした。これは簡単なはずですが、今は本当に馬鹿げているように感じます。 ここにフィドルがあります：http : //jsfiddle.net/52VtD/4119/embedded/result/ 編集： 選ばれた答えはあらゆる点で徹底的であり、素晴らしい助けです。それは私が最終的に使用したものです。しかし、私の最初の問題は、実際にはVisual Studio 2013内のデフォルトのMVC5テンプレートの問題だったと思います。これには、Site.cssに含まれていました。 input, select, textarea { max-width: 280px; } 明らかにそれがテキスト入力の適切な拡張を妨げていました...将来のASP.NETテンプレートユーザーへの公正な警告...
11
定義されたフォントのどれがWebページで使用されたかを検出する方法は？
ページに次のCSSルールがあるとします。 body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで使用された定義済みフォントの1つを検出するにはどうすればよいですか？ なぜこれをしたいのかと思っている人のために編集します：検出しているフォントには他のフォントでは使用できないグリフが含まれており、ユーザーがそのフォントを持っていない場合は、ユーザーにそのフォントをダウンロードするように求めるリンクを表示します私のWebアプリケーションを正しいフォントで使用できます。 現在、すべてのユーザーにダウンロードフォントリンクを表示しています。正しいフォントがインストールされていないユーザーにのみ表示したいと考えています。
138 javascript  html  css  fonts 
8
リンクおよびスクリプトタグのCSSおよびJavaScript URLに「？v = 1」を追加するとどうなりますか？
HTML 5のボイラープレートテンプレート（http://html5boilerplate.com/から）を見ていて、"?v=1"CSSおよびJavaScriptファイルを参照するときにURLでが使用されていることに気付きました。 "?v=1"リンクおよびスクリプトタグでCSSおよびJavaScript URLに追加するとどうなりますか？ すべてのJavascript URLに"?v=1"（以下のサンプルの例：）があるわけではありませんjs/modernizr-1.5.min.js。これが事実である理由はありますか？ 彼らのサンプルindex.html： &lt;!-- CSS : implied media="all" --&gt; &lt;link rel="stylesheet" href="css/style.css?v=1"&gt; &lt;!-- For the less-enabled mobile browsers like Opera Mini --&gt; &lt;link rel="stylesheet" media="handheld" href="css/handheld.css?v=1"&gt; &lt;!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements &amp; feature detects --&gt; &lt;script src="js/modernizr-1.5.min.js"&gt;&lt;/script&gt; &lt;!------ …
138 html  css  browser-cache 
10
HTML / CSSのdiv全体のhrefリンク
これが私がHTML / CSSで達成しようとしていることです： 高さと幅の異なる画像がありますが、すべて180x235未満です。だから私がしたいのはdiv、borderとvertical-align: middleそのすべてを作成することです。私はそれを成功させましたが、今私は適切に全体をhrefリンクする方法に行き詰まっていますdiv。 これが私のコードです： &lt;div id="parentdivimage" style="position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;"&gt; &lt;div id="childdivimage" style="position:absolute;top:50%;height:62px;margin-top:-31px;"&gt; &lt;img src="myimage.jpg" height="62" width="180"&gt; &lt;/div&gt; &lt;/div&gt; ここでは簡単にコピーペーストできるように、スタイルコードはインラインです。 コードの上に別の親divを追加し、その中でhrefを実行できることをどこかで読みました。ただし、一部の調査によると、これは有効なコードではありません。 まとめると、div（#parentdivimage）全体がhrefリンクになる必要があります。
138 html  css 
16
html5ビデオタグのソースの変更
私はどこでも動作するビデオプレーヤーを構築しようとしています。これまでのところ私は行くでしょう： &lt;video&gt; &lt;source src="video.mp4"&gt;&lt;/source&gt; &lt;source src="video.ogv"&gt;&lt;/source&gt; &lt;object data="flowplayer.swf" type="application/x-shockwave-flash"&gt; &lt;param name="movie" value="flowplayer.swf" /&gt; &lt;param name="flashvars" value='config={"clip":"video.mp4"}' /&gt; &lt;/object&gt; &lt;/video&gt; （いくつかのサイトで見られるように、たとえばみんなのビデオ）、これまでのところ、とても良いです。 しかし今、私はまた、他のビデオを選択することができるビデオプレーヤーと一緒にある種のプレイリスト/メニューが欲しいです。これらはすぐにプレイヤー内で開く必要があります。私はする必要がありますように見られるように（「動的映像のソースを変更」dev.opera.com/articles/everything-you-need-to-know-html5-video-audio/セクション「他の映画で見てみましょう- "）javascriptを使用。とりあえずflashplayer（つまりIE）の部分については忘れましょう。後でそれについて説明します。 &lt;source&gt;タグを変更する私のJS は次のようなものでなければなりません： &lt;script&gt; function loadAnotherVideo() { var video = document.getElementsByTagName('video')[0]; var sources = video.getElementsByTagName('source'); sources[0].src = 'video2.mp4'; sources[1].src = 'video2.ogv'; video.load(); } &lt;/script&gt; 問題は、これがすべてのブラウザで機能しないことです。つまり、firefox = Oには、私が抱えている問題を確認できる素敵なページがあります。http：//www.w3.org/2010/05/video/mediaevents.html load（）メソッドをトリガーすると（Firefoxの場合は注意してください）、ビデオプレーヤーが終了します。 複数の&lt;source&gt;タグを使用せず、&lt;video&gt;タグ内のsrc属性を1つだけ使用すると、Firefoxですべてが機能することがわかりました。 …
138 javascript  html  video  load 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.