input 属性和用法

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>