①:如何修改placeholder样式?
![aa163d7f857e7549429b201874046035.png](https://i-blog.csdnimg.cn/blog_migrate/efd8b53be7abe70ef505c6cd7e6bc6b3.png)
input::-webkit-input-placeholder {
color: #ccc;
font-size: 15px;
}
其它浏览器适配方案
![1f029391416d2ea24f59eef4e742e68e.png](https://i-blog.csdnimg.cn/blog_migrate/d7cc66598a8857b8871a108e38980794.png)
![e94f1a41a40be05894b7e3cb0bb5482b.png](https://i-blog.csdnimg.cn/blog_migrate/3bbea309edf23df0d367c93821099cec.png)
原文参考:https://webfem.com/post/placeholder
②:设置获取焦点后输入文字大小的样式
![ea0a6442a114e3f84bd2876b2fe89718.png](https://i-blog.csdnimg.cn/blog_migrate/7c9e9967b46b81dcba9b63bdfca4f3af.png)
input:focus {
font-size: 15px;
{
设置获取到焦点时边框的样式
![afe6acadef9ea3917c39cb9220443235.png](https://i-blog.csdnimg.cn/blog_migrate/c3c48709eb907a9b72631f7596689262.png)
input:focus {
border: 1px solid red;
}
设置获取到焦点后 input 背景颜色
![9422dcb1e7616177025737238f9b0d1d.png](https://i-blog.csdnimg.cn/blog_migrate/29155b7517ddced7855ee196fc2b30f8.png)
③:给 input 焦点设置颜色,只需给 input 设置 color 属性即可(这样焦点和输入的文字都是一个颜色)
![ecf6e6bc6e4f2e2e1709d3bd787a7eba.png](https://i-blog.csdnimg.cn/blog_migrate/c0dc85b28e23d911d292184db90fc364.png)
④:input autofocus 属性,自动获取焦点
http://www.runoob.com/tags/att-input-autofocus.html
![20d8539346e4cdb244b3e0f452d2511e.png](https://i-blog.csdnimg.cn/blog_migrate/315ad74bd181246e32873922432e611b.png)
注:PC—IE9及以下不支持;移动端—ios safari都不支持,安卓3及以上都支持
⑤:autocomplete属性让浏览器自动记录之前输入的值
![c67000312ea18e1d92191d31b2796b39.png](https://i-blog.csdnimg.cn/blog_migrate/f7e14c52e5b50a36c6a4736997f4509a.png)
注:autocomplete="on" 启用自动记录;autocomplete="off" 禁用自动记录