用HTML布置一个登记客户投诉输入的页面,要有客户的公司名字,投诉人,投诉人部门,投诉时间,问题分类--问题分类的选项存在json文件中,投诉内容描叙并支持投诉图片显示,样式用Bookstrap的。
时间: 2023-05-26 09:01:35 浏览: 106
<!DOCTYPE html>
<html>
<head>
<title>登记客户投诉页面</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>登记客户投诉</h1>
<form method="post" action="submit_complaint.php" enctype="multipart/form-data">
<div class="form-group">
<label for="company_name">公司名字:</label>
<input type="text" class="form-control" id="company_name" name="company_name">
</div>
<div class="form-group">
<label for="complainant_name">投诉人:</label>
<input type="text" class="form-control" id="complainant_name" name="complainant_name">
</div>
<div class="form-group">
<label for="complainant_department">投诉人部门:</label>
<input type="text" class="form-control" id="complainant_department" name="complainant_department">
</div>
<div class="form-group">
<label for="complaint_time">投诉时间:</label>
<input type="text" class="form-control" id="complaint_time" name="complaint_time">
</div>
<div class="form-group">
<label for="problem_category">问题分类:</label>
<select class="form-control" id="problem_category" name="problem_category">
<?php
$json = file_get_contents('problem_categories.json');
$data = json_decode($json);
foreach($data as $category) {
echo '<option value="' . $category . '">' . $category . '</option>';
}
?>
</select>
</div>
<div class="form-group">
<label for="complaint_description">投诉内容描述:</label>
<textarea class="form-control" id="complaint_description" name="complaint_description"></textarea>
</div>
<div class="form-group">
<label for="complaint_image">投诉图片:</label>
<input type="file" class="form-control-file" id="complaint_image" name="complaint_image">
</div>
<button type="submit" class="btn btn-primary">提交</button>
</form>
</div>
</body>
</html>
阅读全文