input输入框的placeholder样式

1.设置字的边距和字体

input::-ms-input-placeholder{padding-left: 0.1rem;font-size:0.19rem ; font-family: "ProximaNova Bold";
}
input::-webkit-input-placeholder{padding-left: 0.25rem;font-size:0.19rem ; font-family: "Times New Roman";
}

2.input 实例

<!--放在form标签里-->
<form>
<!--输入框-->
<input type="text" name="firstname"><!--复选框-->
<input type="checkbox" name="Car"><!--单选框--><input type="radio" name="sex" value="male" checked>Male<!--按钮--><input type="button" value="Hello world!">
<!--下拉列表-->
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select><!--围绕数据的标题fieldset--><fieldset><legend>健康信息</legend>身高:<input type="text" />体重:<input type="text" /></fieldset>
</form>

转载于:https://www.cnblogs.com/zcancandice/p/5804450.html

input 属性和用法相关推荐

  1. 在php中标签input用法,html input标签的属性有哪些?input标签的用法总结(附实例)...

    本篇文章主要的向大家介绍了关于html input标签的属性,还有关于html input标签的具体的用法总结.让我们一起来看看html input标签有哪些用法吧 首先先来说说html input标 ...

  2. HTML input 标签的 所有type 属性及用法

    实例 下面的表单拥有两个输入字段以及一个提交按钮: <form action="form_action.asp" method="get">< ...

  3. html input标签的属性有哪些?input标签的用法总结(附实例)

    首先先来说说html input标签的属性: 1.type:该属性是input标签里唯一的必须输入的属性,当然,也可以不填,默认为type = "text".具体它有那些值,我们后 ...

  4. a jquery 标签点击不跳转_form标签的action属性怎么用?form标签action属性的用法介绍(附实例)...

    本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...

  5. 新手入门:介绍JSP中request属性的用法

    新手入门:介绍JSP中request属性的用法 一.request.getParameter() 和request.getAttribute() 区别 (1)request.getParameter( ...

  6. php中enctype属性,PHP_关于form表单中Enctype属性的用法,关于Form表单中Enctype属性的用 - phpStudy...

    关于form表单中Enctype属性的用法 关于Form表单中Enctype属性的用法: form表单中的Enctype属性指定将数据发回到服务器时浏览器使用的编码类型. 下面是它的取值说明: mul ...

  7. form标签的action属性怎么用?form标签action属性的用法介绍(附实例)

    本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...

  8. HTML中input标签使用法汇总

    HTML input标签的属性: 1.type:该属性是input标签里唯一的必须输入的属性,当然,也可以不填,默认为type = "text".具体它有那些值,我们后面再讨论. ...

  9. CSS vertical-align属性的用法

    vertical-align的定义 W3C上对vertical-align的定义:vertical-align 属性设置元素的垂直对齐方式.该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐. ...

最新文章

  1. php 1到9加,php通过排列组合实现1到9数字相加都等于20的方法
  2. 合作方变股东:Aurora无人车获现代汽车3千万美元投资,与大众分手
  3. java spring上传_SpringMVC上传文件的三种方式
  4. 详解TF-Ranking:Google开源的排序框架,应用于邮件检索、推荐系统等场景
  5. 如何添加团队成员,并为团队成员分配访问权限(转载)
  6. iframe嵌入页面白屏_封闭在家学网页制作!为页面嵌入PDF文件——零基础自学网页制作
  7. python时间模块设置_Python之时间和日期模块
  8. Java中常用的加密方法(JDK)
  9. 【报告分享】2020直播生态研究报告.pdf(附下载链接)
  10. html浮窗音乐播放器插件,墨涩网 - WordPress浮窗音乐播放器Floating Window Music Player V3.2.6——墨涩网...
  11. 电脑硬盘双击打不开,提示格式化怎么办?
  12. [初学Python]利用某网站的功能写一个磁力链转种子工具
  13. 手机投屏不是全屏怎么办_手机投屏不满屏怎么办
  14. 时间与日期处理模块 题目解题报告
  15. 动词不定式(infinitive)的用法
  16. vps虚拟服务器主机,vps虚拟服务器主机
  17. Java开发在线报名系统_单独招生在线报名系统设计和实现.doc
  18. ICCV 2023截止时间
  19. 包装大小与商品价格问题
  20. stress的安装和基本使用

热门文章

  1. python中关键字参数含义_python中接受任意关键字的参数
  2. JS数组去重之利用set数据结构去重
  3. Android开发究竟该如何学习,重难点整理
  4. 优秀的中文分词第三方库——jieba
  5. 杭州市全国计算机等级考试报名时间,浙江省杭州市2017年3月全国计算机等级考试报名时间及方式...
  6. python怎样给对象赋值_Python对象赋值、浅拷贝和深拷贝
  7. 原生js实现对象的深拷贝及循环引用
  8. 网络推广策略之网站文章收录少的时候都是哪些因素导致的?
  9. 网站SEO更新时选择适当的时间点有什么好处?
  10. 蜘蛛通过哪些内容评判网站质量高低?