标签: placeholder

Spring,属性文件,空值

我已经使用ldap服务器配置了spring security(但是继续读取,如果你不了解它就不是问题,这真的是一个春天的问题).所有的运行都像一个魅力.这是我用于此的行:

<ldap-server ldif="" root="" manager-dn="" manager-password="" url=""  id="ldapServer" />
Run Code Online (Sandbox Code Playgroud)

如果我填写ldif和root属性,它将运行一个embeded服务器:

<ldap-server ldif="classpath://ldap.ldif" root="dc=springframework,dc=org" manager-dn="" manager-password="" url=""  id="ldapServer" />
Run Code Online (Sandbox Code Playgroud)

如果我填写其他字段,它将运行一个远程服务器:

<ldap-server ldif="" root="" manager-dn="dc=admin,dc=springframeworg,dc=org" manager-password="password" url="ldap://myldapserver.com/dc=springframeworg,dc=org" id="ldapServer" />
Run Code Online (Sandbox Code Playgroud)

所有这些东西都运行正常.现在我想使用Spring机制从属性文件加载这些参数:

所以我替换这样的属性值:

<ldap-server ldif="${ldap.ldif.path}" root="${ldap.ldif.root}" manager-dn="${ldap.server.manager.dn}" manager-password="${ldap.server.manager.password}" url="${ldap.server.url}"  id="ldapServer" />
Run Code Online (Sandbox Code Playgroud)

并创建一个属性文件:

ldap.server.url=
ldap.server.manager.dn=
ldap.server.manager.password=

ldap.ldif.path= 
ldap.ldif.root= 
Run Code Online (Sandbox Code Playgroud)

现在,问题的有趣部分.如果我在文件中填写以下属性:

ldap.server.url=ldap://myldapserver.com/dc=springframeworg,dc=org
ldap.server.manager.dn=dc=admin,dc=springframeworg,dc=org
ldap.server.manager.password=password

ldap.ldif.path= 
ldap.ldif.root= 
Run Code Online (Sandbox Code Playgroud)

它按预期运行远程服务器.

如果我像这样填写属性文件:

ldap.server.url=
ldap.server.manager.dn=
ldap.server.manager.password=

ldap.ldif.path= classpath:ldap.ldif
ldap.ldif.root= dc=springframeworg,dc=org
Run Code Online (Sandbox Code Playgroud)

它没有运行,抱怨ldap url丢失了.但问题是如果我改变弹簧配置:

<ldap-server ldif="${ldap.ldif.path}" root="${ldap.ldif.root}" manager-dn="${ldap.server.manager.dn}" manager-password="${ldap.server.manager.password}" url="${ldap.server.url}"  id="ldapServer" />
Run Code Online (Sandbox Code Playgroud)

to(通过删除对变量$ {ldap.server.url}的引用)

<ldap-server ldif="${ldap.ldif.path}" root="${ldap.ldif.root}" manager-dn="${ldap.server.manager.dn}" manager-password="${ldap.server.manager.password}" url=""  id="ldapServer" />
Run Code Online (Sandbox Code Playgroud)

它运行! …

spring placeholder spring-security

10
推荐指数
1
解决办法
5473
查看次数

仅具有CSS的输入字段中的占位符文本(无JavaScript)

不是在表单中标记每个字段,有时(从设计角度来看)在每个字段中都有占位符文本.例如,而不是这样:

             ----------------------------------
Full Name:  |                                  |
             ----------------------------------
Run Code Online (Sandbox Code Playgroud)

你有这个:

 ----------------------------------
| Full Name                        |
 ----------------------------------
Run Code Online (Sandbox Code Playgroud)

当你在字段中单击时,文本消失,你可以写任何你想要的.如果跳过字段而未输入任何文本,则占位符将重新出现.

我已经看到了很多方法,但所有方法都涉及JavaScript.例如,Twitter在他们的注册页面上做得不错,但如果Javascript被禁用,你最终会在"全名"这个词上输入你的名字.

我正在寻找一种仅使用CSS的方法,即使禁用了JavaScript也能正常工作.我提出的唯一可能的解决方案是将<input>标签的背景设置为所需文本的图像,然后input:focus在有人点击文本框时使用伪类清除背景图像.这似乎工作,但不必使用图像会很好.

有谁知道如何做到这一点的良好资源?

html css placeholder

10
推荐指数
2
解决办法
7万
查看次数

jQuery输入值焦点和模糊

我有以下代码,以便当用户选择一个输入框时,该值将消失,但一旦用户单击它,将重新插入默认值.

        $(function() {
            var defaultText = '';
            $('input[id=input]').focus(function() {
                defaultText = $(this).val();
                $(this).val('');
            });
            $('input[id=input]').blur(function() {
                $(this).val(defaultText); 
             });
         });
Run Code Online (Sandbox Code Playgroud)

但是,这并不是我想要的.如果用户插入文本,我不希望默认文本覆盖用户放置的内容.我也是jQuery的新手,所以任何帮助都会非常感激.

javascript jquery focus blur placeholder

10
推荐指数
1
解决办法
6万
查看次数

HTML5就像占位符一样

是否有CKEditor 4.x的插件或内置功能,其行为类似于HTML5输入/ textarea占位符?

我发现的只有http://ckeditor.com/addon/placeholder,但这似乎有很多不同之处.

placeholder ckeditor

10
推荐指数
1
解决办法
1万
查看次数

text-align:select中的中心占位符文本

我有一个下拉列表,其中包含占位符文本.在其他浏览器中,我已经能够将此占位符文本居中,但在Chrome中,text-align:center

以下是Select的HTML:

.bookingform::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #FFF;
  font-size: 18px;
  font-family: "Raleway";
  text-align: center;
}
.bookingform:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #FFF;
  opacity: 1;
  font-size: 18px;
  font-family: "Raleway";
  text-align: center;
}
.bookingform::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #FFF;
  font-size: 18px;
  font-family: "Raleway";
  opacity: 1;
  text-align: center;
}
.bookingform:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FFF;
  font-size: 18px;
  font-family: "Raleway";
  text-align: center;
}
.bookingform:placeholder-shown {
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #FFF; …
Run Code Online (Sandbox Code Playgroud)

html css html5 placeholder drop-down-menu

10
推荐指数
1
解决办法
6万
查看次数

如何设置占位符文本的颜色和字体样式

我想将颜色设置为占位符,将字体样式更改为粗体,并增加大小.

我怎样才能做到这一点?我应该给占位符提供样式,还是有其他方法可以实现这个目的吗?我想在下面的结果中设置颜色并更改字体样式以适用于所有浏览器中的选择大小.

<!doctype html>



<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }


.k-dropdown-wrap{
  border-width: 5px !important;
  border-color: #D8D3D3 !important;
}

}



</style>

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.default.mobile.min.css" />

<script src="//kendo.cdn.telerik.com/2016.2.607/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"></script>



    <div id="example" role="application">
        <div id="tshirt-view" class="demo-section k-content">

        
        <select id="size" placeholder="Select City..." style="width: 300px;" >
          <option />
          <option />Newyork
          <option />Hyderabad
          <option />Bangalore
          <option />Kolkata
          <option />Delhi
        </select>


    </div>

        <script>
            $(document).ready(function() {
                // create ComboBox from input HTML element

                // create ComboBox …
Run Code Online (Sandbox Code Playgroud)

html css html5 placeholder css3

10
推荐指数
2
解决办法
2万
查看次数

仅更改输入占位符*颜色

我有多个输入字段,一些字段是required必需的字段提及*所以我只需要更改输入占位符*颜色,而不是更改整个占位符颜色检查下面的图像我真正需要的.

在此输入图像描述
我尝试过以下代码来实现这一点,但它可以改变占位符的整个颜色

div {
  margin:10px 0px;
}
input {
  width: 200px;
  border: none;
  border-bottom: solid 1px #8d97a0;
  padding: 5px;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
::-webkit-input-placeholder {
  color:red;
}
Run Code Online (Sandbox Code Playgroud)
<div>
  <input type="name" name="name" id="name" placeholder="Name *">
</div>
<div>
  <input type="Email" name="email" id="email" placeholder="Email">
</div>
<div>
  <input type="phone" name="phone" id="phone" placeholder="Phone">
</div>
<div>
  <input type="password" name="password" id="password" placeholder="Password *">
</div>
Run Code Online (Sandbox Code Playgroud)

html css input placeholder

10
推荐指数
1
解决办法
2564
查看次数

如何在构建时使用占位符和导航组件创建深度链接

我们有一个使用 Deeplinks 的应用程序。我们还使用了 Android 导航组件。

目前我们在导航.xml 文件中配置我们的深层链接,这工作正常,但我们现在需要能够在构建时根据设置的环境变量添加另一个深层链接。

  • 我尝试在 build.gradle 中设置 String 资源并在 navigation.xml 中引用这些资源。

  • 我还尝试在 navigation.xml 中设置占位符,但无法替换它,因为它已被解析为 URI。

  • 我还尝试在 Manifest 中使用占位符设置直接意图过滤器,这会起作用,但我们失去了来自导航组件的良好路由。

目前,我们在 out navigation.xml 文件中以以下形式配置我们的 Deeplinks:

 <deepLink
            android:autoVerify="true"
            app:uri="foo.bar.baz/pull/{quxArg}/{quuxArg}" />
Run Code Online (Sandbox Code Playgroud)

我们现在需要能够在构建时基于一组 Envar 创建额外的 Deeplink。

例子:

DEEPLINK_ENVAR = "replacement.com"

构建.gradle:

manifestPlaceholders = [deeplink:DEEPLINK_ENVAR]
Run Code Online (Sandbox Code Playgroud)

导航.xml:

<deepLink
            android:autoVerify="true"
            app:uri="${deeplink}/pull/{quxArg}/{quuxArg}" />
Run Code Online (Sandbox Code Playgroud)

请注意,以上方法无效。

如果这只是 Manifest 中的一个意图过滤器,我们可以使用 Manifest 占位符来完成此任务并在 app.gradle 中设置它们。然而,navigation.xml 中设置的深层链接被解析为 URI,并在替换之前销毁所有占位符。

有没有人尝试过类似的事情?我试图避免必须运行预构建脚本来直接模板化导航文件。

期望的结果:

我希望能够在构建时添加一个额外的深层链接(实际上 4 个到不同的目的地),同时使用 Android 导航组件。

android placeholder android-navigation android-deep-link

10
推荐指数
1
解决办法
1097
查看次数

Modernizr只是一个快速检查?

我想检查运行我的页面的浏览器是否能够处理'html 5 placeholder'

我知道我可以添加以下javascript检查:

!Modernizr.input.placeholder
Run Code Online (Sandbox Code Playgroud)

但是为一次检查导入图书馆是否值得?

现代化者如何为我做这件事(我的意思是如何在封面下实施)?

javascript html5 placeholder modernizr

9
推荐指数
2
解决办法
4236
查看次数

如何调整输入框中占位符文本的对齐方式?

在此输入图像描述

第三个框中的占位符文本显示在中间,而我想要位于顶部. HTML

<div id="message">
    <ul>
      <li><h1>Send us a message</h1></li>
      <li><input type="text" placeholder="Name"></li>
      <li><input type="text" placeholder="Email"></li>
      <li><input type="text" style="height:150px;" placeholder="Message"></li>
      <li><a href="#">Send</a></li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

这是JSFiddle

html css placeholder

9
推荐指数
1
解决办法
2万
查看次数