input属性灰色提示文字？input标签有哪些属性
老铁们，大家好，相信还有很多朋友对于input属性灰色提示文字和input标签有哪些属性的相关问题不太懂，没关系，今天就由我来为大家分享分享input属性灰色提示文字以及input标签有哪些属性的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！
如何让input标签里的字体颜色改变
input标签里的字体颜色更改步骤如下：
1、首先，我们先新建一个简单的html文档，只有一个input框就可以，然后为这个input框定义一个宽度和高度，还有字体颜色大小，以及placeholder的值。
2、然后在浏览器中查看，发现我们input框中的提示性文字，即placeholder是灰色的，并不是我们设置好的颜色。我们检查元素可以看到input的color值是红色的。
3、这是因为placeholder中文字的颜色并不是由input的color值控制的，我们需要重新为其书写样式。我们需要加入在元素后面加上::，然后加上input-placeholder这一个属性。
4、但是仅仅加上这个还是不够的，现在各大浏览器内核相对较多，我们需要同时兼顾多种浏览器，因为这一所谓的属性的浏览器兼容性不是很好。
5、这时，我们再次在浏览器中查看这个页面的时候，input中的提示性文字就变成蓝色的了。
6、这样设置了之后，我们页面中所有的input标签的placeholder中文字都是蓝色的了。
javascript代码实现
1）布局排版
2）鼠标移上文本框发光效果实现：给文本框取一个ID号，如txtInput，设置如下CSS样式：#txtInput:hover{box-shadow:0px0px 5px 0px#0000ff;}，其中#txtInput:hover表示鼠标移上ID为txtInput的网页元素。box-shadow为CSS3属性，表示边框有阴影。
3）应用文本框.onkeydown事件处理按下键盘事件，判断当文本框内内容长度大于规定长度时，事件处理函数返回false，使得按下键盘不起作用。文本框内内容用文本框.value获取。
4）应用文本框onkeyup事件处理松开键盘事件，处理将文本框中内容的长度写到文本框下方的计数位置上。文本框内容的长度可用文本框.value.length获取。
1）文本框中没有输入内容时，显示“请输入个人信息”这几个提示文字，且文字为灰色。
2）文本框聚焦时提示文字消失。
3）文本框中输入内容时，提示文字消失，输入文字为黑色。
4）当文本框中文字内容长度已达到最大值时，删除键仍然有用，可以删除文本框中文本，且删除时字符总数相应修改。
5）当文本框中文字内容全部删除时，提示文字出现。
提示：
1）事件处理程序默认带有一个参数，用e表示，可以通过e.which获取按下键的码值。注意：e.which用于非IE浏览器，IE浏览器要用window.event.keyCode获取。
2）注意文本框onfocus事件的应用。
html里的input文本框怎样单行变多行
多行的就不能使用Input了。需要使用textarea标签属性：
textarea代表html的单多行输入域
html多行输入框
tyle="OVERFLOW: hidden">
style="OVERFLOW: visible">始终不显示滚动条，文本区域的大小会根据内容的增加，自动增长，以显示全部内容
<textarea cols="2" rows="6" style="OVERFLOW: hidden"></textarea>
例子
<tr>
<td></td>
<td><textarea name="reworkmes" cols="40" rows="4" style="OVERFLOW: hidden"></textarea></td>
</tr>
扩展资料
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
专有属性.
1、common--公共属性
2、accesskey--表单的快捷键访问方式
3、cols--多行输入域的列数
4、disabled--输入域无法获得焦点、无法选择，以灰色显示，在表单中不起任何作用
5、name--元素名称
6、readonly--输入域可以选择，但是无法修改
7、rows--多行输入域的行数
8、tabindex--输入域的"tab"键遍历顺序
参考资料
百度百科-HTML
如果你还想了解更多这方面的信息，记得收藏关注本站。