placeholder属性,怎样设置input的placeholder
placeholder属性,怎样设置input的placeholder详细介绍
本文目录一览： placeholder属性
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注释：placeholder 属性适用于以下的 类型：text, search, url, telephone, email 以及 password。 扩展资料 disabled 属性：
disabled 属性规定输入字段是禁用的。
被禁用的.元素是不可用和不可点击的。
被禁用的元素不会被提交。
autocomplete 属性：
autocomplete 属性规定表单或输入字段是否应该自动完成。
当自动完成开启，浏览器会基于用户之前的输入值自动填写值。
placeholder什么意思
1. Placeholder的定义和意义
Placeholder（占位符）是一个很常见的程序设计术语，指用来替代变量或者对象的文本。在编写代码时，我们可以在某个需要填充内容的地方添加一个占位符，以代表“在这里会有一个变量或者对象，但是具体是什么我暂时不知道”。在程序执行过程中，这个占位符会被具体的内容替代。
在Web开发中，Placeholder的应用十分广泛，比如在HTML表单中，我们可以通过在input标签中使用“placeholder”属性定义一个占位符文本，告诉用户具体该输入什么内容。
2. Placeholder的用法
在实际应用中，Placeholder的用法因场景而异，不过一般都可以按照以下步骤来使用：
确定需要添加Placeholder的位置和目的；
根据具体需求，选择合适的Placeholder方式（比如HTML表单中的placeholder属性、CSS中的placeholder选择器等）；
按照具体语法要求，填写Placeholder内容和格式；
在程序中引用Placeholder，让它自动替换为具体内容。
3. Placeholder的优缺点
Placeholder虽然有很多优点，但也有一些不足之处，下面简单介绍一下：
3.1 优点
提高代码可读性和维护性，减少重复代码；
增加了程序的灵活性和可扩展性；
提高了代码安全性，减少了代码漏洞的风险。
3.2 不足之处
在一些情况下，Placeholder可能导致代码冗长、可读性降低；
使用Placeholder需要一定的编程能力和经验，对一些初学者来说不太友好；
在一些特殊情况下，如对于一些敏感信息，Placeholder可能会带来安全风险。
4. Placeholder的应用示例
下面以一个常见的HTML表单为例，简单介绍一下Placeholder的具体应用：
在上述代码中，我们使用了placeholder属性来定义了两个输入框的占位符文本，告诉用户应该输入什么。
5. 总结
Placeholder是一个十分有用的程序设计技术，可以提高代码的可读性、减少重复代码、增加程序的灵活性和扩展性、提高代码安全性。在实际使用中，我们需要根据具体场景来选择合适的Placeholder方式，避免一些不必要的不足之处。
HTML里input标签里的placeholder、for属性的作用？
placeholder 规定帮助用户填写输入字段的提示。
在input标签中没有for属性。你找的可能是这些，如下：
属性：form 值：formname 描述：规定输入字段所属的一个或多个表单。
属性：formaction 值：URL 描述：覆盖表单的 action 属性。（适用于 type="submit" 和 type="image"）
属性：formenctype 描述：覆盖表单的 enctype 属性。（适用于 type="submit" 和 type="image"）
属性：formmethod 值：get/post 描述：覆盖表单的 method 属性。（适用于 type="submit" 和 type="image"）
属性：formnovalidate 值：formnovalidate 描述：覆盖表单的 novalidate 属性。（如果使用该属性，则提交表单时不进行验证。）
属性：formtarget 值：_blank _self _parent _top framename 描述：覆盖表单的 target 属性。（适用于 type="submit" 和 type="image"）
具体详情，参考http://www.w3school.com.cn 有你想要的一切~
placeholder 是做提示用的，占位符，就是你一个输入框还没输入的时候，里面就实现是placeholder的内容
for作用是标签关联input，比如 ,这时候点击这个标签input就会获得焦点
placeholder是html5新增的input的一个熟悉，主要是让表单体验更加智能，相当于value属性，但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空，，
不过兼容性还不太好，至少ie好像要9以上才能支持，，所以很多pc端的聚焦处理还是用js来的
for属性应该是label的属性吧？？这个是和input的id绑定，当我们点击input前面的文本标识会自动聚焦到文本框，例如：
这个例子，当我点击用户名的时候，会自动聚焦到文本框里头，也就是光标会自动定位到文本框里
input placeholder 默认颜色值是多少
你好，input placeholder 默认颜色值是#b2b2b2
怎样设置input的placeholder
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注释：placeholder 属性适用于以下的 类型：text, search, url, telephone, email 以及 password。
实例
带有 placeholder 文本的搜索字段：
效果如下
HTML里input标签里的placeholder、for属性的作用？
placeholder
规定帮助用户填写输入字段的提示。
在input标签中没有for属性。你找的可能是这些，如下：
属性：form
值：formname
描述：规定输入字段所属的一个或多个表单。
属性：formaction
值：URL
描述：覆盖表单的
action
属性。（适用于
type="submit"
和
type="image"）
属性：formenctype
描述：覆盖表单的
enctype
属性。（适用于
type="submit"
和
type="image"）
属性：formmethod
值：get/post
描述：覆盖表单的
method
属性。（适用于
type="submit"
和
type="image"）
属性：formnovalidate
值：formnovalidate
描述：覆盖表单的
novalidate
属性。（如果使用该属性，则提交表单时不进行验证。）
属性：formtarget
值：_blank
_self
_parent
_top
framename
描述：覆盖表单的
target
属性。（适用于
type="submit"
和
type="image"）
具体详情，参考http://www.w3school.com.cn
有你想要的一切~
placeholder
是做提示用的，占位符，就是你一个输入框还没输入的时候，里面就实现是placeholder的内容
for作用是标签关联input，比如
aa
,这时候点击这个标签input就会获得焦点
kindeditor 如何实现和input的placeholder属性的效果
placeholder属性能够让你在文本框里显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。你以前可能无数次看到这种效果，但那些大部分是用JavaScript里实现的，而现在，HTML5提供了原生支持，而且效果更好！
HTML代码
复制代码
代码如下:
你也看见了，需要做的只是在文本框的声明标签上加入placeholder属性。完全不需要JavaScript来创造这种效果。
检查浏览器是否支持Placeholder属性
因为placeholder是一种新属性，很有必要检查一下你的浏览器是否支持它，比如IE6、IE8肯定是不支持的：
复制代码
代码如下:
function hasPlaceholderSupport() {
var input = document.createElement('input');
return ('placeholder' in input);
}
如果用户的浏览器不支持placeholder特征，你需要借助MooTools, Dojo, 或其它JavaScript工具来实现它：
复制代码
代码如下:
/* mootools ftw! */
var firstNameBox = $('first_name'),
message = fi www.hbbz08.com rstNameBox.get('placeholder');
firstNameBox.addEvents({
focus: function() {
if(firstNameBox.value == message) { searchBox.value = ''; }
},
blur: function() {
if(firstNameBox.value == '') { searchBox.value = message; }
}
});
用CSS美化placeholder
在进一步研究时我发现了另外一个有趣的CSS功能：CSS美化INPUT placeholder效果。下面让我来用简单的CSS代码美化文本框里的placeholder文字。
CSS代码
火狐浏览器里的用法和谷歌浏览器里不太一样。它们的名称都很好理解：
复制代码
代码如下:
/* all */
::-webkit-input-placeholder { color:#f00; }
::-moz-placeholder { color:#f00; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; } /* ie */
input:-moz-placeholder { color:#f00; }
/* individual: webkit */
#field2::-webkit-input-placeholder { color:#00f; }
#field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
/* individual: mozilla */
#field2::-moz-placeholder { color:#00f; }
#field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
spring mvc控制器怎么获取placeholder属性的值
onsubmit
()方法比dosubmitaction()方法具有更高的调用优先级，所以你只要根据要求复写两者中的一个方法就可以了。在onsubmit
()中返回的modelandview的逻辑视图名应该是通过表单控制器的successview属性指定而不应该硬编码，所以在①处我们通过getsuccessview()获取这个配置值。
HTML5 中的新属性。
placeholder 属性适用于以下的 类型：text, search, url, telephone, email 以及 password。
控制器也就是后台要拿到这个值，你需要前端获取到再传过去
你具体怎样的场景可以说下
$('#标签ID').attr("placeholder"); 可以拿到这个属性值
html5的placeholder这个属性在获得焦点时怎样让默认的字体消失呢？
可以哦，本来就不用js就可以消失的
不能。
这个属性在不同浏览器下的显示是不一样的。
在 Firefox、Chrome、Microsoft Edge 或其他使用以上三种内核的浏览器中，输入框获得焦点时，placeholder 没有变化，只有当输入框中输入了内容时，placeholder 才消失（这也是主流做法）；而在 Safari 和 IE9+ 或其他使用以上两种内核的浏览器中，当输入框获得焦点时，placeholder 便会消失。