程序设计 html

11

我正在设计HTML和JavaScript中的正则表达式测试器。用户将输入一个正则表达式，一个字符串，并通过单选按钮选择要测试的函数（例如，搜索，匹配，替换等），并且当该函数以指定的参数运行时，程序将显示结果。自然地，会有额外的文本框来替换额外的参数。我的问题是从用户那里获取字符串并将其转换为正则表达式。如果我说他们不需要//在输入的正则表达式中包含，则他们不能设置标志，例如g和i。因此，它们必须//在表达式周围包含，但是如何将字符串转换为正则表达式？它不能是文字，因为它是一个字符串，我不能将其传递给RegExp构造函数，因为它不是没有//s 的字符串。还有其他方法可以使用户输入字符串进入正则表达式吗？我是否必须使用来解析regex的字符串和标志，//然后以其他方式构造它？我应该让他们输入一个字符串，然后分别输入标志吗？

333 javascript html regex

4

使背景图像适合div

我在以下div中有一个背景图片，但是该图片被截断了： <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> 有没有一种方法可以显示背景图像而不将其剪切掉？

333 html css background-image

5

如何阻止文本占用多于1行？

是否有自动换行或其他任何阻止文字换行的属性？我的身高是和overflow:hidden，文本仍然中断。需要在CSS3之前的所有浏览器中工作。

332 html css text word-wrap

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

9

JavaScript将焦点设置为HTML表单元素

我有一个带有文本框的Web表单。默认情况下，如何将焦点设置到文本框？像这样： <body onload='setFocusToTextBox()'> 所以有人可以帮我吗？我不知道如何使用JavaScript将焦点设置到文本框。 <script> function setFocusToTextBox(){ //What to do here } </script>

331 javascript html textbox focus

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属性选择元素？

我的网页中有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> 运行代码段隐藏结果展开摘要在jQuery中，当单击这三个按钮中的任何一个时，我想获取所选单选按钮的值。在jQuery中，我们有id（＃）和class（。）选择器，但是如果我想按名称查找单选按钮，该怎么办呢？ $("<radiobutton name attribute>").click(function(){}); 请告诉我如何解决这个问题。

328 javascript jquery html radio-button

18

div中的CSS自定义滚动条

如何通过CSS（级联样式表）为一个div页面而不是整个页面自定义滚动条？

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）的角度

Angular 1不接受onchange()事件，它仅接受ng-change()事件。另一方面，Angular 2接受(change)和(ngModelChange)事件，两者似乎都在做相同的事情。有什么不同？哪个最适合表现？ ngModelChange： <input type="text" pInputText class="ui-widget ui-text" (ngModelChange)="clearFilter()" placeholder="Find"/> vs 变化： <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中的“数据细节”给出以下错误： 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

Bootstrap 4中的垂直对齐中心

我正在尝试使用Bootstrap 4将Container放在页面的中央。到目前为止，我一直没有成功。任何帮助，将不胜感激。我已经在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> 运行代码段隐藏结果展开摘要 W3Schools没有解释为什么保证金如此行事。

321 html margin css

Questions tagged «html»