答:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>客户在线调查</title>
<style>
body {
font-family: Arial, sans-serif;
}
.container {
width: 80%;
margin: auto;
padding: 20px;
}
form {
display: grid;
gap: 10px;
}
label {
display: block;
margin-bottom: 5px;
}
input[type="text"],
input[type="email"],
select,
textarea {
width: 100%;
padding: 10px;
border-radius: 4px;
border: 1px solid #ccc;
}
input[type="radio"] {
margin-right: 5px;
}
button {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
opacity: 0.8;
}
</style>
</head>
<body>
<div class="container">
<h2>同创科技有限公司客户在线调查</h2>
<form action="/submit-form" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required>
<label>性别:</label>
<input type="radio" id="male" name="gender" value="男" checked>
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="女">
<label for="female">女</label>
<label for="company">单位:</label>
<input type="text" id="company" name="company">
<label for="position">职务:</label>
<input type="text" id="position" name="position">
<label for="phone">电话:</label>
<input type="text" id="phone" name="phone">
<label for="address">地址:</label>
<input type="text" id="address" name="address">
<label for="postcode">邮编:</label>
<input type="text" id="postcode" name="postcode">
<label for="email">E-mail:</label>
<input type="email" id="email" name="email" required>
<label>您对本公司的产品满意度:</label>
<select name="satisfaction" id="satisfaction">
<option value="very_satisfied">很满意</option>
<option value="satisfied">满意</option>
<option value="basically_satisfied">基本满意</option>
<option value="average">一般</option>
<option value="dissatisfied">差</option>
<option value="very_dissatisfied">很差</option>
</select>
<label>您对本公司的服务态度评价:</label>
<textarea name="service_evaluation" id="service_evaluation" rows="3"></textarea>
<label>您对哪些方面的产品感兴趣?</label>
<div>
<input type="checkbox" id="personal_pc" name="interest[]" value="个人PC">
<label for="personal_pc">个人PC</label>
<input type="checkbox" id="data_code" name="interest[]" value="数码">
<label for="data_code">数码</label>
<input type="checkbox" id="server" name="interest[]" value="服务器">
<label for="server">服务器</label>
<input type="checkbox" id="network_equipment" name="interest[]" value="网络设备">
<label for="network_equipment">网络设备</label>
<input type="checkbox" id="software" name="interest[]" value="软件">
<label for="software">软件</label>
<input type="checkbox" id="office_equipment" name="interest[]" value="办公室设备">
<label for="office_equipment">办公室设备</label>
</div>
<label>您认为本公司工作中，主要存在什么问题？还有哪些方面有待进一步改善？</label>
<textarea name="improvement_suggestions" id="improvement_suggestions" rows="6"></textarea>
<button type="submit">提交</button>
<button type="reset">重置</button>
</form>
</div>
</body>
</html>
关注
