SOURCE

console 命令行工具 X clear

                    
>
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;
}