<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.divMain {
height: 768px;
width: 1024px;
border:1px solid #000066;
}
.formControl {
margin-top: 10px;
width: 600px;
margin-left: -200px;
left: 50%;
position: relative;
height:30px
}
.spanLabel {
height: 24px;
margin-left: 10px;
display: -moz-inline-box;
display: inline-block!important;
width: 200px;
line-height:30px;
}
.textField {
height: 24px;
width: 200px;
margin-right:10px;
}
.radioField {
}
.selectField{
/*width: 204px;
height: 28px;*/
width: 204px;
height: 30px;
}
.formDiv {
line-height:30px;
}
.textAreaField{
width: 204px;
height: 50px;
display: -moz-inline-box;
display: inline-block!important;
}
.textAreaControl{
height:50px;
}
.textAreaContainer{
width: 204px;
height: 50px;
line-height:50px;
display: -moz-inline-box;
display: inline-block!important;
}.clearlinehight{
height: 24px;
margin-left: 10px;
display: -moz-inline-box;
display: inline-block!important;
width: 206px;
float:left;
}
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<div class="divMain">
<div class="formControl">
<span class="spanLabel">维修单号:</span>
<input name="textfield" type="text" class="textField" id="textfield" />
</div>
<div class="formControl">
<div class="formDiv">
<span class="spanLabel">品牌:</span>
<select class="selectField"><option>请选择</option></select>
</div>
</div>
<div class="formControl">
<span class="spanLabel">站内码:</span>
<input name="textfield" type="text" class="textField" id="textfield" />
</div>
<div class="formControl">
<span class="spanLabel">用户号码:</span>
<input name="textfield" type="text" class="textField" id="textfield" />
</div>
<div class="formControl">
<span class="spanLabel">回访是否成功:</span>
<input name="textfield" type="radio" class="radioField" />
<input name="textfield" type="radio" class="radioField" />
</div>
<div class="formControl">
<span class="spanLabel">未成功原因:</span>
<select class="selectField"><option>请选择</option></select>
</div>
<div class="formControl">
<span class="spanLabel">是否修好:</span>
<input name="textfield" type="radio" class="radioField" />
<input name="textfield" type="radio" class="radioField" />
</div>
<div class="formControl">
<span class="spanLabel">是否本人维修:</span>
<input name="textfield" type="radio" class="radioField" />
<input name="textfield" type="radio" class="radioField" />
</div>
<div class="formControl">
<span class="spanLabel">送修时间是否一致:</span>
<input name="textfield" type="radio" class="radioField" />
<input name="textfield" type="radio" class="radioField" />
</div>
<div class="formControl">
<span class="spanLabel">维修时长:</span>
<select class="selectField"><option>请选择</option></select>
</div>
<div class="formControl">
<span class="spanLabel">是否收费:</span>
<input name="textfield" type="radio" class="radioField" />
<input name="textfield" type="radio" class="radioField" />
</div>
<div class="formControl">
<span class="spanLabel">收费金额:</span>
<input name="textfield" type="text" class="textField" id="textfield" />
</div>
<div class="formControl">
<span class="spanLabel">收费是否一致:</span>
<input name="textfield" type="radio" class="radioField" />
<input name="textfield" type="radio" class="radioField" />
</div>
<div class="formControl">
<span class="spanLabel">满意度:</span>
<select class="selectField"><option>请选择</option></select>
</div>
<div class="formControl textAreaControl">
<label for="textArea" class="clearlinehight">备注:</label>
<textarea class="textAreaField" cols="40" rows="6" id="textArea"></textarea>
</div>
<div class="formControl">
<span class="spanLabel">坐席编号:</span>
<input name="textfield" type="text" class="textField" id="textfield" />
</div>
</div>
</form>
</body>
</html>
效果预览:
<img src="https://img-blog.csdn.net/20150814170813006?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />