input属性placeholder,input框的placeholder为什么不显示
input属性placeholder,input框的placeholder为什么不显示详细介绍
本文目录一览： placeholder属性的作用
placeholder属性的作用：placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
placeholder 是HTML5 中新增的一个属性。placeholder可以用来描述输入字段预期值的简短的提示信息。提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。比如：我们在登录时需要输入用户名和密码，它会提示你什么地方输入用户名，什么地方输入密码，这个就是使用的placeholder属性。
注意：placeholder 属性适用于下面的 input 类型：text、search、url、tel、email 和 password。
input标签属性有哪些
input标签属性都有：1、新建一个HTML文档，文件名为test.html，用于测试说明input的属性。2、input的value属性。该属性用于定义input框的初始值。3、input的readonly属性。该属性规定了input只读状态，不可以进行修改。4、input的disabled属性。该属性用于禁用input框，不可用、不可点击、不能进行表单提交。5、input的size属性。该属性用于规定输入框的长度，值越大输入框越长。6、input的maxlength属性。该属性用于规定输入框输入内容的最长长度。7、input的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就会获得焦点
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
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注释：placeholder 属性适用于以下的 类型：text, search, url, telephone, email 以及 password。
实例
带有 placeholder 文本的搜索字段：
效果如下
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方式，避免一些不必要的不足之处。
input标签里的字体颜色怎么改
1、首先，我们先新建一个简单的html文档，只有一个input框就可以，然后为这个input框定义一个宽度和高度，还有字体颜色大小，以及placeholder的值
2、然后在浏览器中查看，发现我们input框中的提示性文字，即placeholder是灰色的，并不是我们设置好的颜色。我们检查元素可以看到input的color值是红色的。
3、这是因为placeholder中文字的颜色并不是由input的color值控制的，我们需要重新为其书写样式。我们需要加入在元素后面加上::然后加上input-placeholder这一个属性。
4、但是仅仅加上这个还是不够的，现在各大浏览器内核相对较多，我们需要同时兼顾多种浏览器，因为这一所谓的属性的浏览器兼容性不是很好。
5、这样设置了之后，我们页面中所有的input标签的placeholder中文字都是蓝色的了，我们可以添加一个class，区分一下，这个input
加css样式
input标签里的字体颜色更改步骤如下：
1、首先，我们先新建一个简单的html文档，只有一个input框就可以，然后为这个input框定义一个宽度和高度，还有字体颜色大小，以及placeholder的值。
2、然后在浏览器中查看，发现我们input框中的提示性文字，即placeholder是灰色的，并不是我们设置好的颜色。我们检查元素可以看到input的color值是红色的。
3、这是因为placeholder中文字的颜色并不是由input的color值控制的，我们需要重新为其书写样式。我们需要加入在元素后面加上::，然后加上input-placeholder这一个属性。
4、但是仅仅加上这个还是不够的，现在各大浏览器内核相对较多，我们需要同时兼顾多种浏览器，因为这一所谓的属性的浏览器兼容性不是很好。
5、这时，我们再次在浏览器中查看这个页面的时候，input中的提示性文字就变成蓝色的了。
6、这样设置了之后，我们页面中所有的input标签的placeholder中文字都是蓝色的了。
如何设置输入框?input?中?placeholder的字体颜色，字号
一、须知
placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本。
二、设置placeholder文字颜色、字号
方式1
因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。
::-webkit-input-placeholder
{
/*
WebKit
browsers
*/
color:#999;font-size:16px;
}
:-moz-placeholder
{
/*
Mozilla
Firefox
4
to
18
*/
color:#999;font-size:16px;
}
::-moz-placeholder
{
/*
Mozilla
Firefox
19+
*/
color:#999;font-size:16px;
}
:-ms-input-placeholder
{
/*
Internet
Explorer
10+
*/
color:#999;font-size:16px;
}
方式2、建议使用该方式
如果是在手机客户端webview
只使用－webkit内核方式即可。
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
color:
#666;font-size:16px;
}
input:-moz-placeholder,
textarea:-moz-placeholder
{
color:#666;font-size:16px;
}
input::-moz-placeholder,
textarea::-moz-placeholder
{
color:#666;font-size:16px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
color:#666;font-size:16px;
}
input框的placeholder为什么不显示
文本框input， type为text，或者password，有一个属性placeholder，在firefox浏览器下当输入的时候，占位符就会消失这个属性非常好用，然而在IE下，就没有这效果，现在提供两种jQuery插件解决方式。
1.引入js,在加载页面时候执行：$('input,text').placeholder(); js的具体代码如下：
(function(factory) {
if (typeof define === 'function' && define.amd) {
// AMD
define(['jquery'], factory);
} else if (typeof module === 'object' && module.exports) {
factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
点击按钮会自动录入input框中的placeholder提示值
placeholder是html5新增的input的一个熟悉，主要是让表单体验更加智能，相当于value属性，但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空，，
不过兼容性还不太好，至少ie好像要9以上才能支持，，所以很多pc端的聚焦处理还是用js来的
for属性应该是label的属性吧？？这个是和input的id绑定，当我们点击input前面的文本标识会自动聚焦到文本框，例如：
这个例子，当我点击用户名的时候，会自动聚焦到文本框里头，也就是光标会自动定位到文本框里