查看“模板:FeedbackForm”的源代码

<noinclude>
== 反馈表单模板 ==
用于收集用户反馈
</noinclude>
<includeonly>
<div class="feedback-form" style="max-width: 600px; margin: 20px auto; padding: 20px; border: 1px solid #ddd; background: #f9f9f9; border-radius: 5px;">
<h3>页面反馈表单</h3>
<p>您正在对页面 <strong>[[{{FULLPAGENAME}}]]</strong> 提出反馈</p>

<form id="feedbackForm">
<input type="hidden" name="page" value="{{FULLPAGENAME}}" />

<label><strong>问题类型：</strong></label><br/>
<select name="type" style="width: 100%; padding: 8px; margin: 5px 0; border: 1px solid #ccc;">
<option value="error">内容错误</option>
<option value="suggestion">改进建议</option>
<option value="complaint">投诉</option>
<option value="other">其他</option>
</select><br/><br/>

<label><strong>反馈内容：</strong></label><br/>
<textarea name="content" rows="5" style="width: 100%; padding: 8px;" placeholder="请详细描述您的问题或建议..." required></textarea><br/><br/>

<label><strong>紧急程度：</strong></label><br/>
<input type="radio" name="urgency" value="low" checked> 低
<input type="radio" name="urgency" value="medium" style="margin-left: 15px;"> 中
<input type="radio" name="urgency" value="high" style="margin-left: 15px;"> 高<br/><br/>

<label><strong>联系方式（可选）：</strong></label><br/>
<input type="email" name="email" placeholder="您的邮箱" style="width: 100%; padding: 8px;"><br/><br/>

<button type="button" onclick="submitFeedback()" style="background: #0066cc; color: white; padding: 10px 20px; border: none; border-radius: 3px; cursor: pointer;">提交反馈</button>
<button type="button" onclick="window.history.back()" style="background: #ccc; color: #333; padding: 10px 20px; border: none; border-radius: 3px; cursor: pointer; margin-left: 10px;">取消</button>
</form>

<div id="feedbackResult" style="display: none; margin-top: 20px; padding: 10px; border-radius: 3px;"></div>
</div>

<script>
function submitFeedback() {
    var form = document.getElementById('feedbackForm');
    var formData = new FormData(form);
    var resultDiv = document.getElementById('feedbackResult');
    
    // 简单验证
    if (!formData.get('content')) {
        alert('请填写反馈内容');
        return;
    }
    
    // 这里可以添加AJAX提交逻辑
    // 暂时先显示提示
    resultDiv.innerHTML = '<div style="background: #d4edda; color: #155724; padding: 10px; border: 1px solid #c3e6cb;">反馈已保存！</div>';
    resultDiv.style.display = 'block';
    
    // 3秒后跳转到反馈页面
    setTimeout(function() {
        window.location.href = '/index.php?title=Feedback:' + encodeURIComponent('{{FULLPAGENAME}}') + '&action=edit';
    }, 3000);
}
</script>
</includeonly>