プログラミング html

11

HTMLとJavaScriptで正規表現テスターを設計しています。ユーザーは正規表現と文字列を入力し、ラジオボタンを使用してテストする関数（検索、一致、置換など）を選択します。プログラムは、指定された引数でその関数が実行されたときに結果を表示します。当然、置換する追加の引数などのための追加のテキストボックスがあります。私の問題は、ユーザーから文字列を取得して正規表現に変換することです。//入力した正規表現の周りにを置く必要がないと私が言った場合、gやなどのフラグを設定できませんi。したがって//、式の周りにが必要ですが、その文字列を正規表現に変換するにはどうすればよいですか？文字列なのでリテラルにすることはできません//。また、' がない文字列ではないため、RegExpコンストラクターに渡すことはできません。ユーザー入力文字列を正規表現にする他の方法はありますか？で正規表現の文字列とフラグを解析してから、//別の方法で構築する必要がありますか？文字列を入力してから、フラグを個別に入力する必要がありますか？

333 javascript html regex

19

CSSでサイズ変更およびトリミングされた画像を表示する

サイズ比が異なっていても、特定の幅と高さのURLから画像を表示したい。したがって、サイズを変更し（比率を維持）、画像を希望のサイズにカットします。私はhtml imgプロパティでサイズを変更でき、でカットできbackground-imageます。どうすれば両方できますか？例：この画像：サイズが800x600ピクセルで、200x100ピクセルのイメージのように表示したい img私は画像のサイズを変更することができます200x150px： <img style="width: 200px; height: 150px;" src="http://i.stack.imgur.com/wPh0S.jpg"> それは私にこれを与えます： <img style="width: 200px; height: 150px;" src="https://i.stack.imgur.com/wPh0S.jpg"> コードスニペットを実行する結果を非表示スニペットを展開とbackground-image私は画像の200x100ピクセルをカットすることができます。 <div style="background-image: url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;">&nbsp;</div> くれます： <div style="background-image:url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;">&nbsp;</div> コードスニペットを実行する結果を非表示スニペットを展開どうすれば両方できますか？画像のサイズを変更して、必要なサイズにカットしますか？

332 html css background-image image

5

テキストが1行を超えるのを防ぐ方法は？

テキストの折り返しを停止するワードラップまたは他の属性はありますか？高さがありoverflow:hidden、テキストがまだ途切れます。 CSS3より前のすべてのブラウザーで動作する必要があります。

332 html css text word-wrap

9

JavaScriptがHTMLフォーム要素にフォーカスを設定

テキストボックスが含まれているWebフォームがあります。デフォルトでテキストボックスにフォーカスを設定するにはどうすればよいですか？このようなもの： <body onload='setFocusToTextBox()'> だから誰かがそれを手伝ってくれる？JavaScriptでテキストボックスにフォーカスを設定する方法がわかりません。 <script> function setFocusToTextBox(){ //What to do here } </script>

332 javascript html textbox focus

13

別のhtmlフォーム内にhtmlフォームがあることは有効ですか？

次のものが有効なhtmlですか？ <form action="a"> <input.../> <form action="b"> <input.../> <input.../> <input.../> </form> <input.../> </form> したがって、「b」を送信すると、内部フォーム内のフィールドのみが取得されます。「a」を送信すると、「b」内のフィールドを差し引いたすべてのフィールドが取得されます。それが不可能な場合、この状況でどのような回避策を利用できますか？

331 html web-standards standards-compliance

27

HTMLツールチップでキャリッジリターンを使用するにはどうすればよいですか？

私は現在、詳細なツールチップをサイトに追加しています。キャリッジリターンを使用してツールチップをフォーマットします（whizz-bang jQueryプラグインに頼る必要はありません。たくさんあります！）。ヒントを追加するには、title属性を使用しています。私は通常のサイトを見回して、以下の基本的なテンプレートを使用しました： <a title='Tool?Tip?On?New?Line'>link with tip</a> 私はに置き換えてみました?： <br /> &013; / &#13; \r\n Environment.NewLine （私はC＃を使用しています）上記のどれも動作しません。出来ますか？

330 html title tooltip

7

DIVが等間隔の流体の幅

流動的な幅のコンテナーDIVがあります。この中に私は4つのDIVをすべて300px x 250px ... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div> <div class="box4"> </div> </div> ボックス1を左にフロートさせ、ボックス4を右にフロートさせ、ボックス2と3を等間隔に配置します。間隔も滑らかにしたいので、ブラウザを小さくすると、スペースも小さくなります。

329 html css fluid-layout

18

jQueryでは、name属性によって要素をどのように選択しますか？

以下のように、Webページに3つのラジオボタンがあります。 <label for="theme-grey"> <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label> <label for="theme-pink"> <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label> <label for="theme-green"> <input type="radio" id="theme-green" name="theme" value="green" />Green</label> コードスニペットを実行するHide resultsスニペットを展開 jQueryでは、これら3つのうちいずれかがクリックされたときに、選択したラジオボタンの値を取得します。jQueryにはid（＃）およびclass（。）セレクターがありますが、以下のように名前でラジオボタンを検索したい場合はどうしますか？ $("<radiobutton name attribute>").click(function(){}); この問題の解決方法を教えてください。

328 javascript jquery html radio-button

18

div内のCSSカスタマイズスクロールバー

divページ全体ではなく、CSS（カスケードスタイルシート）を使用してスクロールバーをカスタマイズするにはどうすればよいですか？

327 css html scrollbar

14

HTML5フォームの必須属性。カスタム検証メッセージを設定しますか？

私は次のHTML5フォームを持っています：http : //jsfiddle.net/nfgfP/ <form id="form" onsubmit="return(login())"> <input name="username" placeholder="Username" required /> <input name="pass" type="password" placeholder="Password" required/> <br/>Remember me: <input type="checkbox" name="remember" value="true" /><br/> <input type="submit" name="submit" value="Log In"/> コードスニペットを実行する結果を非表示スニペットを展開現在、両方が空白のときにEnterキーを押すと、「このフィールドに入力してください」というポップアップボックスが表示されます。デフォルトのメッセージを「このフィールドを空白にすることはできません」に変更するにはどうすればよいですか？編集：タイプパスワードフィールドのエラーメッセージは単にであることにも注意してください*****。これを再作成するには、ユーザー名に値を指定して送信を押します。編集：私はテストにChrome 10を使用しています。同じようにしてください

326 javascript html forms validation

4

（変更）vs（ngModelChange）in angular

Angular 1はonchange()イベントを受け付けず、イベントのみを受け付けng-change()ます。一方、Angular 2は両方(change)と(ngModelChange)イベントを受け入れますが、どちらも同じことをしているようです。違いは何ですか？どちらがパフォーマンスに最適ですか？ ngModelChange： <input type="text" pInputText class="ui-widget ui-text" (ngModelChange)="clearFilter()" placeholder="Find"/> 対変化： <input type="text" pInputText class="ui-widget ui-text" (change)="clearFilter()" placeholder="Find"/>

326 javascript html angular typescript angular-ngmodelchange

8

ASP.NET MVCのHTML-5 data- *属性でダッシュを使用する方法

ASP.NET MVC 1プロジェクトでHTML5データ属性を使用しようとしています。（私はC＃とASP.NET MVCの初心者です。） <%= Html.ActionLink("« Previous", "Search", new { keyword = Model.Keyword, page = Model.currPage - 1}, new { @class = "prev", data-details = "Some Details" })%> 上記のhtmlAttributesの「data-details」で次のエラーが発生します。 CS0746: Invalid anonymous type member declarator. Anonymous type members must be declared with a member assignment, simple name or member access. …

325 asp.net-mvc html custom-data-attribute

20

送信ボタンなしでEnterキーを押してフォームを送信する

さて、Enterキーを押してフォームを送信しようとしていますが、送信ボタンを表示していません。すべてのブラウザーですべてが機能するようにしたいので、できればJavaScriptを使いたくありません（私が知る唯一のJSの方法は、イベントを使用することです）。現在、フォームは次のようになっています。 <form name="loginBox" target="#here" method="post"> <input name="username" type="text" /><br /> <input name="password" type="password" /> <input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px;" hidefocus="true" /> </form> これはかなりうまくいきます。送信ボタンは、ユーザーがEnterキーを押すと機能し、Firefox、IE、Safari、Opera、Chromeでは表示されません。ただし、すべてのブラウザを備えたすべてのプラットフォームで機能するかどうかを判断するのが難しいため、私はまだソリューションが好きではありません。誰もがより良い方法を提案できますか？それとも、これで十分ですか？

322 html forms submit

15

ブートストラップ4の垂直方向の中央揃え

ブートストラップ4を使用して、ページの中央にコンテナーを配置しようとしています。これまでのところ、うまくいきませんでした。任意の助けいただければ幸いです。私はそれをCodepen.ioで構築したので、皆さんはそれを試してみて、アイデアから私が何をしているのかを教えてください... コードスニペットを表示 var currentAuthor = ""; var currentQuote = ""; function randomQuote() { $.ajax({ url: "https://api.forismatic.com/api/1.0/?", dataType: "jsonp", data: "method=getQuote&format=jsonp&lang=en&jsonp=?", success: function( response ) { $("#quote-content").html('<h2 id="quote-content" class="display-5"><i class="fa fa-quote-left" aria-hidden="true"> ' + response.quoteText + ' <i class="fa fa-quote-right" aria-hidden="true"></i></h2>'); $("#quote-author").html('<p id="quote-author" class="lead"><em>' + response.quoteAuthor + '</em></p>'); currentAuthor = …

322 html css twitter-bootstrap flexbox bootstrap-4

12

このCSSマージントップスタイルが機能しないのはなぜですか？

別のdiv内のdivにマージン値を追加しようとします。トップ値以外はすべて正常に機能し、無視されているようです。しかし、なぜ？私が期待したこと：私が得るもの：コード： #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px 50px 50px; padding: 10px; display: block; } <div id="outer"> <div id="inner"> Hello world! </div> </div> コードスニペットを実行する結果を非表示スニペットを展開 W3Schoolは、マージンがこのように動作する理由を説明していません。

321 html margin css

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

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