小编Ste*_*ler的帖子

我对HTML数据列表有一个简单的问题，但不知何故无法解决此问题。我试图更改以下数据列表的显示宽度：

<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="this is a really long name for a browser">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Internet Explorer">
</datalist>
<input type="submit">

但是无论我尝试什么，它仍然会减少“长”选项值。我如何更改它，以便数据列表显示所有选项值，无论它们多长时间？

最好的祝福

我正在使用 html datalist 来自动填充一些数据。我想要一种行为，它应该过滤除一个默认值之外的所有内容。下面是示例代码：

<input type="text" list="mylist"/>
<datalist id="mylist">
    <option value="San Jose"></option>
    <option value="San Francisco"></option>
    <option value="New York"></option>
    <option value="Chicago"></option>
    <option value="Boston"></option>
    <option value="Los Angeles"></option>
</datalist>

在上面的事情中，默认情况下，如果我输入 s，它将只显示圣何塞和旧金山，当我输入 n 时，它将只显示纽约。

我的要求是，在任何情况下，无论输入什么，它都应该始终显示圣何塞（默认情况下），然后过滤其余元素。

示例：键入 B，应该同时显示圣何塞和波士顿，因为圣何塞是我的默认值，而波士顿是输入框上的过滤值。

这可能吗 ？如果没有，达到相同结果的替代方法是什么？

JSFiddle

如果需要，我可以使用 Javascript/Jquery。但是，我不能使用任何自动完成插件。

我正在开发一个 Ionic 4 应用程序，并且在他们的类中遇到了一个固定位置页脚的奇怪问题.scroll-content。我可以在没有 Ionic 的情况下重现这个问题，所以我从更一般的意义上问这个问题：

我有一个容器元素（在我的例子中由 Ionic 提供），其中包含：

.scroll-content {
    overflow-y: scroll; 
    position: absolute;
    contain: layout size style;
}

再加上一些顶部/底部/左/右值来定位它，它们不会影响问题。

它里面的内容比这个容器高，导致容器滚动，还有一个我用 粘起来的页脚position: fixed。

但是，除非我从属性中删除“布局”值，否则页脚的行为根本不像是粘性的contain。

.scroll-content {
    overflow-y: scroll; 
    position: absolute;
    contain: layout size style;
}

let layout = true;
const container = document.querySelector('.scroll-content');

document.getElementById('toggleLayout').addEventListener('click', (e) => {
    layout = !layout;
    if(layout) container.style.contain = 'size style layout';
    else container.style.contain = 'size style';
    
    e.target.innerHTML = `layout: ${layout}`;
});

.scroll-content {
	contain: layout size style;
	left: …

有谁知道如何在Yii模型中应用规则输入必须大于0值,没有任何自定义方法..

喜欢 :

public function rules()
{
    return array( 
        ....
        ....

            array('SalePrice', 'required', "on"=>"sale"),

        ....
        ....
    );
}

非常感谢 ..

我正在开发一个网页(让我们称之为example.com)并在CNAME(Alias)下添加DNS记录:

Host Record Points    to  TTL
www  example.com       14400

但是,当我浏览example.com时,如果我访问www.example.com,则不会保留设置的会话变量

使www.example.com和example.com使用相同的会话变量的最佳方法是什么？

我正在使用ubuntu 12.04,php5,apache2.

<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    ServerName www.example.com
    Redirect 301 / http://example.com/
    DocumentRoot /var/www/public_html
    <Directory />
            Options FollowSymLinks
            AllowOverride None
    </Directory>
    <Directory /var/www/public_html>
            Options Indexes FollowSymLinks MultiViews
            AllowOverride None
            Order allow,deny
            allow from all
    </Directory>

    ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
    <Directory "/usr/lib/cgi-bin">
            AllowOverride None
            Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
            Order allow,deny
            Allow from all
    </Directory>

    ErrorLog /var/log/apache2/error.log

    # Possible values include: debug, info, notice, warn, error, crit,
    # alert, emerg.
    LogLevel warn …

我正在我的网页上创建一些链接,我希望能够产生效果,例如当我将鼠标悬停在这些链接上时,背景的变化或看似长大的文本的大小.链接显示如下blocks.

HTML部分

<div>
   <a class="leftimagelinks" href="#">Submit a paper</a><br>
   <a class="leftimagelinks" href="#">Get the brochure</a><br>
   <a class="leftimagelinks" href="#">Housing and travel</a>
</div>

css部分

.leftimagelinks {
margin: auto;
display: block;
width: 190px;
height: 25px;
border-radius: 8px;
text-align: center;
padding: 4px;
color: yellow;
background-color: black;
background-color: #32CD32;
}

.leftimagelinks a:hover{
background-color: red;
}

但是,即使在我将鼠标悬停在链接上面之后,也没有任何变化.这里的错误是什么？

这段代码有效，但我需要它基本上在 id 字段上执行 If Else 。如果 id 长度 >0，则不检查名称，根据需要检查邮政编码。如果 id 不 > 0，则根据需要检查名称、邮政编码等。欢迎您提出建议。谢谢，

 runAllForms();
 $(function () {
 $("#artist_create_event").validate({

        // Rules for form validation
        rules : {
            artist_create_event_name : {
                required : true
            },
            artist_create_event_desc : {
                required : true
            },
            id :  {
                required : true
             },
            name :  {
                required : true
             },
            zipcode :  {
                required : true
             },
            venue_name :  {
                required : true
             },
            city :  {
                required : true
             },
            state :  {
                required : …

我刚刚遇到了仅使用css创建的切换切换按钮.它被称为复选框黑客.

对于那些不知道复选框css hack是什么的人,请在这里阅读

https://css-tricks.com/the-checkbox-hack/

我试了一下,它工作得非常好.但我不明白这是如何工作的,因为我们没有点击复选框.

所以我有2个问题

1. 这是怎么回事？

2. 我尝试了它而不是绝对定位 display: none; 它仍然有效.这种方法有什么缺点吗？

我有2个使用相同规则的子域,如下所示:

<Directory /srv/project/sites/project.hu/htdocs/>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)\?*$ index.php?route=$1 [L,QSA]
    SetEnv config default,local
    Order allow,deny
    allow from 192.168.0.0/16
</Directory>

<Directory /srv/project/sites/admin.project.hu/htdocs/>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)\?*$ index.php?route=$1 [L,QSA]
    SetEnv config default,local
    Order allow,deny
    allow from 192.168.0.0/16
</Directory>

如您所见,两个容器中的规则相同.如何在单个容器中指定这些规则？起初我想过用这个:

<DirectoryMatch ^/srv/project/sites/(?:(?:admin\.project\.hu)|project\.hu)/htdocs/$>
 ...
</DirectoryMatch>

但是,有没有办法以更清洁的方式做到这一点,我错过了？

编辑:我不喜欢DirectoryMatch方式,因为当我有更多目录时,正则表达式将变得不可维护.

我正在寻找一种有效的方法来减少Javascript上的浮点数.我需要这个,因为我的输出占两个数字的百分比有时可能是99.4444444,而我只对"."之后的前两位数感兴趣.比如99.44

我目前的2个数字的百分比函数:

function takePercentage(x,y){
     return (x /y) * 100;
}