為了方便用戶向我們反饋問題,我們創建了一個反饋頁面。以下是該頁面的代碼:
<div class="feedback-header">意見反饋</div>
<div class="feedback-form">
<form method="post" action="#">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required>
<label for="email">郵箱:</label>
<input type="text" id="email" name="email" required>
<label for="message">問題:</label>
<textarea id="message" name="message" required></textarea>
<input type="submit" value="提交">
</form>
</div>
<div class="feedback-success">提交成功,感謝您的反饋!</div>
<div class="feedback-error">提交失敗,請重新嘗試!</div>
以上代碼定義了反饋頁面的樣式和結構:
- 首先定義了反饋頁面的標題,使用了一個h2標簽
- 接著創建了一個form表單,用戶可以輸入自己的姓名、郵箱和問題,其中姓名和郵箱是必填的
- 使用了一個button標簽作為提交按鈕
- 如果提交成功,頁面會顯示一條提交成功的信息,使用了一個div標簽,并添加了success類;如果提交失敗,頁面會顯示一條提交失敗的信息,使用了一個div標簽,并添加了error類
通過以上代碼,我們創建了一個簡單易用的反饋頁面,用戶可以輕松地向我們反饋問題,幫助我們不斷改進產品。