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

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

6
YoutubeビデオソースをHTML5ビデオタグに表示しますか?
YouTube動画ソースをHTML5 <video>タグに挿入しようとしていますが、うまくいかないようです。グーグルで調べたところ、HTML5がソースとしてYouTube動画のURLをサポートしていないことがわかりました。 HTML5を使用してYouTube動画を埋め込むことはできますか?そうでない場合、回避策はありますか?

10
float:leftが設定されている場合、divを最大幅に拡張
私はそのようなものを持っています: <div style="width:100px;float:left">menu</div> <div style="float:left">content</div> 両方のフロートが必要です。コンテンツdivを画面全体に加え、メニューの100pxを差し引かないようにします。floatを使用しない場合、divは正確に拡張されます。しかし、フロートが設定されているときにこれをどのように設定しますか?のようなsthを使用する場合 style=width:100% 次に、コンテンツdivは、本体または私が試した別のdivのいずれかである親のサイズを取得します。そのため、もちろん、メニューの右側に適合しないため、以下に表示されます。
115 html  width 

21
Angular 2ドロップダウンオプションのデフォルト値
Angular 1では、以下を使用してドロップダウンボックスのデフォルトオプションを選択できます: <select data-ng-model="carSelection" data-ng-options = "x.make for x in cars" data-ng-selected="$first"> </select> Angular 2では私は: <select class="form-control" [(ngModel)]="selectedWorkout" (ngModelChange)="updateWorkout($event)"> <option *ngFor="#workout of workouts">{{workout.name}}</option> </select> オプションデータを指定してデフォルトオプションを選択するにはどうすればよいですか。 [{name: 'arm'}, {name: 'back'}, {name:'leg'}]私がデフォルトでオンにする私の値はback?
115 html  angular 

13
フォーム入力テキストフィールドで使用できる文字数を制限する
テキストボックスに最大5文字のみを入力するようにユーザーを制限または制限するにはどうすればよいですか? 以下は、フォームの一部としての入力フィールドです。 <input type="text" id="sessionNo" name="sessionNum" /> maxSizeのようなものを使用していますか、それともそのようなものですか?
115 html  forms  input  textbox 

8
いつHTMLエンティティを使用すべきですか?
これはしばらくの間私を混乱させてきました。Web開発のデファクトスタンダードとしてのUTF-8の登場により、どのような状況でHTMLエンティティを使用することになっているか、どのエンティティにUTF-8文字を使用すればよいかわかりません。例えば、 全角ダッシュ(–、&emdash;) アンパサンド(&、&) 3/4分数(¾、¾) この問題に光を当ててください。よろしくお願いします。

4
空のHTML5データ属性は有効ですか?
指定した要素の下にインラインモーダルを表示する単純なjQueryプラグインを記述したいと思います。私の考えは、要素に指定されたデータ属性に基づいてスクリプトを自動初期化することです。 非常に基本的な例: <p data-modal-target>Hover over me for an inline modal!</p> <div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here --></div> data-modal-target上記の例では有効か、それとも有効でなければならないのdata-modal-target="true"ですか?私はIE9以外のものについては気にしません、私の唯一の要件はそれが有効なHTML5であることです。

9
1つを除くすべての面にCSS3ボックスシャドウを作成する
開いているタブに他のタブと区別するための影を付けたいタブ付きナビゲーションバーがあります。また、タブセクション全体に単一の影(下の水平線を参照)が表示され、開いているタブを除くすべてのタブの下部が陰になるようにしたいと思います。 CSS3のbox-shadowプロパティを使用してこれを行いますが、必要な部分だけをシェーディングする方法を理解できません。 通常、開いているタブの下部の影をコンテンツ領域(高いz-index)で覆いますが、この場合、コンテンツ領域自体に影があり、タブを覆い隠すだけです。 タブのレイアウト _______ _______ _______ | | | | | | ____ | _______ | __ | | __ | _______ | ______ シャドーライン。 影は水平線から上がり、垂直線の外側になります。 _______ | | _______________ | | _________________ これがライブの例です: 天才、助けはありますか?
115 html  css  shadow 

6
ng-clickイベントを条件付きにする方法は?
私はng-repeat内にこのコードを持っています: <a href="#" class="disabled" ng-click="doSomething(object)">Do something</a> ボタンが無効になっているときにボタンが無効になるようにするにはどうすればよいclass="disabled"ですか? または、Javascriptでそれを行う方法がありますので、次のようになります: $('.do-something-button').click(function(){ if (!$(this).hasClass('disabled')) { do something } });

4
Url.Actionパラメータ?
私が持っているコントローラーのリストでは、 public ActionResult GetByList(string name, string contact) { var NameCollection = Service.GetByName(name); var ContactCollection = Service.GetByContact(contact); return View(new ListViewModel(NameCollection ,ContactCollection)); } 私が呼び出すASPXページでは、 <a href="<%:Url.Action("GetByList","Listing" , new {name= "John"} , new {contact="calgary, vancouver"})%>"><span>People</span></a> ASPXコードに問題があります... johnという名前のレコードをプルできます。しかし、私が与えるcontact="calgary, vancouver"と、ウェブページはエラーになります。 で2つのパラメータを呼び出すにはどうすればよいですかUrl.Action。私は以下を試しましたが、それも間違っているようです。 <a href="<%:Url.Action("GetByList","Listing" , new {name= "John" , contact= " calgary, vancouver" })%>"><span>People</span></a>

12
ボーダーの長さがdivの幅よりも小さいですか?
次のコードがあります div { width:200px; border-bottom:1px solid magenta; height:50px; } デモ div幅は200pxなので、border-bottomも200pxですが、div幅を変更せずにborder-bottomを100pxだけにしたい場合はどうすればよいですか?
115 html  css 

16
JavaScriptでCSSルール値をどのように読み取りますか?
インラインスタイルで表示される形式のような、CSSルールのすべてのコンテンツを含む文字列を返したいのですが。特定のルールに何が含まれているかを知らなくてもこれを実行できるようにしたいので、スタイル名(.style.widthなど)でそれらを単に引き出すことはできません CSS: .test { width:80px; height:50px; background-color:#808080; } これまでのコード: function getStyle(className) { var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules for(var x=0;x<classes.length;x++) { if(classes[x].selectorText==className) { //this is where I can collect the style information, but how? } } } getStyle('.test')
115 javascript  html  css 

8
DIVを互いの上に積み上げますか?
次のような複数のDIVを積み重ねることは可能ですか? <div> <div></div> <div></div> <div></div> <div></div> </div> これらすべての内部DIVのX位置とY位置が同じになるようにするには?デフォルトでは、それらはすべて互いに下にあり、直前のDIVの高さだけY位置を増やします。 なんらかのフロートやディスプレイ、または他のトリックが噛み付くような気がします。 編集:親DIVには相対位置があるため、絶対位置を使用しても機能しないようです。
115 css  html  stack  css-float 



12
<select multiple = multiple>から選択したすべての値を取得するにはどうすればよいですか?
奇妙なことに、これはすでに尋ねられたものを見つけることができませんでしたが、ここにあります! 私は次のようにhtmlを持っています: &lt;select id="select-meal-type" multiple="multiple"&gt; &lt;option value="1"&gt;Breakfast&lt;/option&gt; &lt;option value="2"&gt;Lunch&lt;/option&gt; &lt;option value="3"&gt;Dinner&lt;/option&gt; &lt;option value="4"&gt;Snacks&lt;/option&gt; &lt;option value="5"&gt;Dessert&lt;/option&gt; &lt;/select&gt; ユーザーがJavaScriptで選択したすべての値(配列?)を取得するにはどうすればよいですか? たとえば、ユーザーがランチとスナックを選択した場合、{2、4}の配列が必要です。 これは非常に簡単な作業のように思えますが、私にはできません。 ありがとう。
115 javascript  jquery  html 

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