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

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

11
個人の「名前」フィールドの適切な長さ制限は何ですか?
認証されていないユーザーが名前などの情報を入力できるようにする簡単なWebフォームがあります。名前フィールドに50文字の制限を付けて、フィールドがvarchar(50)であるデータベーステーブルと一致させましたが、疑問に思い始めました。 テキスト列タイプなどを使用する方が適切ですか、または名前の長さを適切なものに制限する必要がありますか? 私はSQL Server 2005を使用していますが、これはあなたの応答で重要です。 編集:私は同様の問題に関するこの幅広い質問を見ませんでした。
138 sql  html  textbox 


3
CSSセレクターで特定のクラス名を除外する方法は?
ユーザー名がであるクラス名の要素にマウスを置いたときに、背景色を適用しようとしています"reMode_hover"。 要素があればしかし、私は色を変更したくないもあり"reMode_selected" 注:私はJavaScriptでなくCSSのみを使用できます。これは、ある種の限られた環境で作業しているためです。 明確にするために、私の目標は、ホバーの最初の要素に色を付けることですが、2番目の要素には色を付けません。 HTML <a href="" title="Design" class="reMode_design reMode_hover"> <span>Design</span> </a> <a href="" title="Design" class="reMode_design reMode_hover reMode_selected"> <span>Design</span> </a> 最初の定義が機能することを期待して以下を試しましたが、機能しません。何が悪いのですか? CSS /* do not apply background-color so leave this empty */ .reMode_selected .reMode_hover:hover { } .reMode_hover:hover { background-color: #f0ac00; }
137 html  css  css-selectors 


4
本文のスクロールを無効にする
HTMLのスクロールをbody完全に無効にしたいと思います。私は次のオプションを試しました: overflow: hidden; (動作しません、スクロールを無効にしませんでした、それはスクロールバーを隠しただけです) position: fixed; (これは機能しましたが、完全に一番上までスクロールしましたが、これはこの特定のアプリケーションでは受け入れられません) これら2つのオプションの代替案を見つけることができませんでしたが、それ以上ありますか?
137 html  css  scroll 

10
フォーカスが失われたときにDOMから消えるHTML要素を検査するにはどうすればよいですか?
入力からテーブルセルへのCSSプロパティを検査しようとしています。入力を調べようとすると、クリックするとフォーカスが失われ、フォーカスが失われると入力が消えます。別のウィンドウ(インスペクター)に移動しているときにフォーカスを失わないようにするにはどうすればよいですか?
137 html  css  dom 

8
UIWebView内のJavascriptをデバッグする方法は何ですか?
私は、JavaScriptの何かがUIWebViewの内部で機能しない理由を理解しようとしています。私の知る限り、jsファイルのXCode内にブレークポイントを設定する方法はありません。問題はありません。2004年に戻って、アラートのステートメンを使用します。UIWebView内でも機能しないようです。 私が考えることができる唯一のことは、HTMLとJSファイルをデスクトップにエクスポートし、Safari内でデバッグを行うことです。そしてそれはうまくいきます!もちろん、UIWebViewで対処しているバグはSafariでは発生しません。 UIWebView内でデバッグする他の方法、または私が古い学校の警告方法を使用するのと同じように使用できるトリックはありますか?

7
jQueryチェックボックスのイベント処理
私は以下を持っています: <form id="myform"> <input type="checkbox" name="check1" value="check1"> <input type="checkbox" name="check2" value="check2"> </form> jQueryを使用して、発生したチェックイベントをキャプチャし、どのチェックmyformボックスがトグルされたか(およびトグルがオンかオフかがわかるか)を知るにはどうすればよいですか?
136 jquery  html  checkbox 

28
Webサイトの電子メールアドレスを難読化する最善の方法は?
過去数日間、個人のWebサイトの更新に費やしてきました。私の個人的なWebサイトのURLは(私の姓)。(私の姓).comです。私の姓はかなり変わっているため、ドメイン名を取得できたのは幸運でした。私の電子メールアドレスは(私の姓)@(私の姓).comです。ですから、それを推測することになると、それほど難しくはありません。 とにかく、私はmailto:リンクを私のウェブサイトに統合して、人々が私に連絡できるようにしたいと思っています。そして、私の電子メールアドレスは推測がそれほど難しくありませんが、電子メールアドレスのパターンを求めてWebサイトをクロールしてデータベースに追加するだけのスパムボットによって収集されることは避けたいです。 できればリンク形式で、電子メールアドレスを難読化する最善の方法は何ですか。私が知っている方法は次のとおりです。 <a href="mailto:x@y.com">e-mail me</a> それは機能しますが、それはまた、私のウェブサイトがGoogleに到達するとすぐに、スパムボットが私の電子メールアドレスを簡単に見つけてしまうので、私はスパムを通り抜けることになります。 <img src="images/e-mail.png" /> これはあまり望ましくありません。訪問者がクリックして電子メールを送信できないだけでなく、よりスマートなスパムボットが画像に含まれる文字を検出できるようになるからです。 おそらく完璧な解決策はないことは知っていますが、私は誰もが最高だと思ったのは何なのかと思っていました。私のウェブサイトはすでに大量のJavaScriptを使用しているので、必要に応じてJavaScriptを使用したいと思っています。

6
アイコン付きの検索ボックスをBootstrap 3のナビゲーションバーに追加する方法
私は新しいTwitter Bootstrap 3を使用しており、次のような検索ボックスを上部のナビゲーションバーに配置しようとしています。 Bootstrap 2では、次のようにすることができます。 <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> しかし、Bootstrap 3でこれをどのように作成するかは、変更が多いためわかりません。 Bootstrap 3のナビゲーションバーの検索ボックスフォームのデフォルトのHTMLは次のとおりです。 <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> どうすれば修正して必要なものを達成できますか?

22
テキスト入力要素内の素晴らしいフォントアイコン
ユーザー名入力フィールドにユーザーアイコンを挿入しようとしています。 Font Awesomeはフォントなので 、プロパティが機能しないことを知っている同様の質問からの解決策の1つを試しました。background-image 以下は私のアプローチであり、アイコンが表示されません。 .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: 0px; left: -5px; content: "\f007"; } デフォルトのフォントawesome cssでフォントフェースを宣言しているため、上記のfont-familyを追加するのが適切な方法であるかどうかは不明でした。 @font-face { font-family: 'FontAwesome'; src: url('../Font/fontawesome-webfont.eot?v=3.2.1'); src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); }
136 html  css  fonts  font-awesome 

2
テキスト行のインラインブロックを垂直方向に揃える方法を教えてください。
不明な幅と高さを取るインラインブロックを作成したいと思います。(その中に動的に生成されたコンテンツを含むテーブルがあります)。さらに、インラインブロックは、「my text(BLOCK HERE)」などのテキスト行内に配置する必要があります。見栄えをよくするために、ブロックを行の垂直方向の中央に配置しようとしています。したがって、ブロックが次のようになっている場合: TOP MIDDLE BOTTOM 次に、テキスト行は「My text([MIDDLE])」(行の上下にTOPとBOTTOMがある)になります。 これが私が今まで持っているものです。 CSS .example { background-color: #0A0; display: inline-block; margin: 2px; padding: 2px; position: relative; text-align: center; } HTML <div class="example">TOP<br />MIDDLE<br />BOTTOM</div>



9
HTMLのエスケープテキスト
C#でHTMLのテキストをエスケープするにはどうすればよいですか?私はやってみたいです sample="<span>blah<span>" そして持っている <span>blah<span> html :(。ASP。ではなくC#を使用するタグ部分がある場合にのみ、何の問題もなくプレーンテキストとして表示されます。
136 c#  html  escaping 

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