プログラミング html

9

現在、フィールドを無効にするためにreadonly = "readonly"を使用しています。CSSを使用して属性のスタイルを設定しようとしています。私は使ってみました input[readonly] { /*styling info here*/ } しかし、それは何らかの理由で機能していません。私も試しました input[readonly='readonly'] { /*styling info here*/ } それも機能しません。 CSSでreadonly属性のスタイルを設定するにはどうすればよいですか？

150 html css css-selectors

3

ネストされたスパンタグはXHTMLで問題ありませんか？

これはXHTMLで検証されますか？ <span>hello<span>world</span></span>

150 html xhtml

2

サイトにGoogle Chromeのomnibox-searchサポートを追加するにはどうすればよいですか？

Google ChromeのアドレスバーにいくつかのURLを入力すると、「TABを押して$ URLで検索」というメッセージが表示されます。たとえば、ロシアのサイトhabrahabr.ruまたはyandex.ruがあります。Tabキーを押すと、検索エンジンではなく、そのサイトで検索できます。それを可能にするために私のサイトを作る方法は？たぶん、私は自分のサイトのページに特別なコードを書く必要がありますか？

150 html google-chrome browser opensearch

8

HTML5のRTSPまたはRTPを介したストリーミング

OverаэтотвопросестьответынаStack Overflowнарусском：Возможнолипроигрыватьонлайн-твнаhtml5？サーバーhttp://lscube.org/projects/fengからRTSP / RTPストリームを再生する必要があるWebアプリを構築しています。 HTML5ビデオ/オーディオタグはrtspまたはrtpをサポートしていますか？そうでない場合、最も簡単な解決策は何でしょうか？おそらく、VLCプラグインなどにドロップダウンします。

150 video html streaming rtsp rtp

13

選択リストに画像を追加する方法は？

性別の選択リストがあります。コード： <select> <option>male</option> <option>female</option> <option>others</option> </select> ドロップダウンリストの画像をdrop-down-icon.jpegとして使用したい。ドロップダウンアイコンの代わりにボタンを追加したい。どうやってするか？

150 html css

8

HTML5キャンバス要素にテキストを書き込むにはどうすればよいですか？

HTML5でテキストを書くことは可能canvasですか？

150 html canvas

10

CSS省略記号が表のセルで機能しないのはなぜですか？

次の例を検討してください：（ライブデモはこちら） $(function() { console.log("width = " + $("td").width()); }); td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr> <td>Hello Stack Overflow</td> </tr> </tbody> </table> コードスニペットを実行する結果を非表示スニペットを展開出力は次のとおりwidth = 139です。省略記号は表示されません。ここで何が欠けていますか？

150 html css ellipsis

8

要素をクリックする方法（ドキュメント全体）

クリックしたHTMLドキュメントの現在の要素（要素は何でも）を取得したいと思います。使ってます： $(document).click(function () { alert($(this).text()); }); しかし、非常に奇妙なことに、クリックされた要素ではなく、ドキュメント全体（！）のテキストを取得します。クリックした要素のみを取得するにはどうすればよいですか？例 <body> <div class="myclass">test</div> <p>asdfasfasf</p> </body> 「テスト」テキストをクリックすると$(this).attr("myclass"、jQuery で）を使用して属性を読み取ることができます。

150 javascript jquery html dom

20

送信時にフォームの更新ページを停止する

フィールドにデータがない状態で送信ボタンを押したときにページが更新されないようにするにはどうすればよいですか？検証は正しく機能するように設定され、すべてのフィールドが赤になりますが、ページはすぐに更新されます。JSの私の知識は比較的基本的です。特にprocessForm()一番下の機能は「悪い」と思います。 HTML <form id="prospects_form" method="post"> <input id="form_name" tabindex="1" class="boxsize" type="text" name="name" placeholder="Full name*" maxlength="80" value="" /> <input id="form_email" tabindex="2" class="boxsize" type="text" name="email" placeholder="Email*" maxlength="100" value="" /> <input id="form_subject" class="boxsize" type="text" name="subject" placeholder="Subject*" maxlength="50" value="FORM: Row for OUBC" /> <textarea id="form_message" class="boxsize" name="message" placeholder="Message*" tabindex="3" rows="6" cols="5" maxlength="500"></textarea> <button …

150 javascript jquery html forms

5

POSTフォームを送信した後、結果を示す新しいウィンドウを開きます

フォーム送信のようなJavaScriptポストリクエストは、 JavaScriptのPOSTを介して作成したフォームを送信する方法を示しています。以下は私の変更したコードです。 var form = document.createElement("form"); form.setAttribute("method", "post"); form.setAttribute("action", "test.jsp"); var hiddenField = document.createElement("input"); hiddenField.setAttribute("name", "id"); hiddenField.setAttribute("value", "bob"); form.appendChild(hiddenField); document.body.appendChild(form); // Not entirely sure if this is necessary form.submit(); 結果を新しいウィンドウで開きます。私は現在、次のようなものを使用して新しいウィンドウでページを開いています。 onclick = window.open(test.html, '', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');

149 javascript html post

16

MailtoリンクはChromeでは何もせず、Firefoxでは機能しますか？

mailto私たちのウェブサイトに埋め込んでいるリンクは、Firefoxでは機能しますが、Chromeでは何もできません。ここに簡単な例：http : //jsfiddle.net/wAPNH/ <a href='mailto:test@test.com'>hi this is a test</a> Chromeでメールリンクを有効にするために何か特別なことをする必要がありますか？

149 html google-chrome

20

ダウンロードしたフォントをデコードできませんでした

これはChromeで発生しているエラーであり、残念ながら検索しても多くの結果が得られません。フォント自体は正しく表示されています。ただし、まだこのエラー/警告が表示されます。より具体的には、これは完全な警告です：「ダウンロードしたフォントのデコードに失敗しました： http：// localhost：8000 / app / fonts / Lato /」私のCSSは次のとおりです。 @font-face { font-family:"Lato"; src: url("../fonts/Lato/"); } html, body { font-family:'Lato'; } 分かりません。フォントは正しく適用されていますが、警告は常にそこにあります。使用しようとするSans-Serifと、フォントが通常のブラウザフォントに戻るので、そうなる可能性がありますが、よくわかりません。検索しても何も見つかりません。ありがとう！編集さまざまなフォントファイルがあり、すべて同じファミリのものです。それらをすべてロードしようとしています。フォントファイルは.ttfです。私は、ローカルフォルダからそれらをロードしていますし、様々なフォントファイル、などがあるLato-Black.ttf、Lato-Bold.ttf、Lato-Italic.ttfなど

149 css html fonts

14

HTML：オプションの終了タグを含めるか、除外しますか？

一部のHTML 1終了タグはオプションです。つまり、 </HTML> </HEAD> </BODY> </P> </DT> </DD> </LI> </OPTION> </THEAD> </TH> </TBODY> </TR> </TD> </TFOOT> </COLGROUP> 注：含めることが禁止されている終了タグと混同しないでください。 </IMG> </INPUT> </BR> </HR> </FRAME> </AREA> </BASE> </BASEFONT> </COL> </ISINDEX> </LINK> </META> </PARAM> 注： xhtml HTMLとは異なります。xhtmlはxmlの形式であり、すべての要素に終了タグが必要です。終了タグはhtmlでは禁止されていますが、では必須ですxhtml。オプションの終了タグです理想的には含まれていますが、忘れた場合は受け入れます。理想的には含まれていませんが、あなたがそれらを入れれば私たちはそれらを受け入れます言い換えれば、それらを含めるべきか、含めるべきではないのか？オプションのものの要素タグを閉じるに関するHTML 4.01仕様の会談が、それはそれらを含めないためにそれら、または望ましいを含むことが好ましいかどう言いません。一方、DevGuruに関するランダムな記事では、次のように述べています。終了タグはオプションです。ただし、含めることをお勧めします。私が尋ねる理由は、互換性の理由からオプションであることを知っているからです。そして、もし可能なら彼らを（強制 | 禁止）にしたでしょう。別の言い方をすると、HTML 1、2、3はこれらのオプションに関して、現在はオプションの終了タグで何をしましたか。HTML 5は何をしますか？そして、私は何をすべきですか？注意 HTMLのいくつかの要素がされている禁断の終了タグを持っていることから。あなたはそれに同意しないかもしれませんが、それは仕様であり、議論の余地はありません。オプションの終了タグと、その意図について尋ねています。 …

149 html html4

24

ブラウザにマウスがなく、タッチのみであることを検出する

タッチ（クリックすると画面が非表示になります）とマウス（ホバープレビューに大きく依存）のインターフェイスが非常に異なるWebアプリケーション（興味深いテキストのページがあるWebサイトではありません）を開発しています。ユーザーにマウスがなく、適切なインターフェースを提示できないことをどのように検出できますか？マウスとタッチの両方（一部のノートブックのように）を使用する人のためにスイッチを残すつもりです。ブラウザーのタッチイベント機能は、実際にはユーザーがタッチデバイスを使用していることを意味しません（たとえば、Modernizrはそれを切り取りません）。質問に正しく答えるコードは、デバイスにマウスがある場合はfalseを返し、そうでない場合はtrueを返します。マウスとタッチを備えたデバイスの場合、falseを返します（タッチのみではありません）。余談ですが、私のタッチインターフェイスはキーボードのみのデバイスにも適している可能性があります。そのため、検出したいマウスが不足していることになります。必要性をより明確にするために、私が実装しようとしているAPIは次のとおりです。 // Level 1 // The current answers provide a way to do that. hasTouch(); // Returns true if a mouse is expected. // Note: as explained by the OP, this is not !hasTouch() // I don't think we have this in the answers already, that why …

149 javascript html touch mouse

9

jqueryラジオボタンがチェックされている場合

重複の可能性：特定のラジオボタンのチェックがオンになっている現時点でこれらの2つのラジオボタンを用意しているので、ユーザーは価格に送料を含める必要があるかどうかを判断できます。 <input type="radio" id="postageyes" name="postage" value="Yes" /> Yes <input type="radio" id="postageno" name="postage" value="No" /> No 「はい」ラジオボタンがチェックされているかどうかをチェックするためにJqueryを使用する必要があります。チェックされている場合は、追加機能を実行します。誰か私にこれをどうやってやるのか教えてもらえますか？助けてくれてありがとう編集：コードをこれに更新しましたが、機能しません。私は何か間違ったことをしていますか？ <script type='text/javascript'> // <![CDATA[ jQuery(document).ready(function(){ $('input:radio[name="postage"]').change(function(){ if($(this).val() == 'Yes'){ alert("test"); } }); }); // ]]> </script>

149 jquery html radio-button

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

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