console
<div class="form1 mal_30">
<dl>
<dd>
<label class="label">输入框:</label>
<input class="input_f" type="text"/>
</dd>
<dd>
<label class="label">下拉框:</label>
<select class="input_s" id="select"/>
<option selected="selected">选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>
</dd>
<dd>
<label class="label">单选按钮:</label>
<input type="radio" checked="checked" />
<label class="label_r">选项1</label>
<input type="radio" />
<label class="label_r">选项2</label>
</dd>
<dd>
<label class="label">多选按钮:</label>
<input type="checkbox" />
<label class="label_c">选项1</label>
<input type="checkbox" />
<label class="label_c">选项2</label>
<input type="checkbox" />
<label class="label_c">选项3</label>
</dd>
<dd>
<label class="label">文本框:</label>
<textarea /></textarea>
</dd>
</dl>
</div>
.form1 dd,.form dd{
padding:18px 6px;
}
.form1 dd:nth-child(even){
background-color: #e2f8ff;
}
.form1 .label{
padding-right:4px;
}
.form1 input,.form1 .input_s,.form1 textarea{
border:1px solid #c2c2c2;
-webkit-border-radius:4px;
border-radius: 4px;
padding:4px;
behavior: url(../js/PIE.htc)\9;
}
.input_f{
width:200px;
}
.input_s{
width:160px;
}
input[type="radio"],input[type="checkbox"]{
margin-right:2px;
}
.label_r,.label_c{
margin-right:6px
}
.form1 textarea{
width:400px;
height:160px;
resize: none;
vertical-align: top;
overflow: auto;
}