HTML和CSS是構建網頁的基礎語言,實現留言板就需要用到這兩門技術。
留言板的實現需要用到HTML的表單元素,比如input、textarea、button等。通過CSS樣式來美化表單元素的外觀,讓頁面看上去更加美觀。
以下是一個簡單的留言板源代碼:
<form action="submit.php" method="post"> <input type="text" name="name" placeholder="請輸入您的姓名"> <br> <textarea name="message" placeholder="請輸入留言內容"></textarea> <br> <button type="submit">提交留言</button> </form> <style> input, textarea, button { border: 1px solid #999; padding: 5px; border-radius: 5px; font-size: 16px; } button { background-color: #007bff; color: #fff; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #0062cc; } </style>
以上代碼中,form標簽設置了提交留言的地址和提交方式。input元素設置了輸入框,textarea元素設置了多行輸入框,button元素設置了提交按鈕。
樣式代碼中,設置了表單元素的邊框、內邊距、圓角和字體大小等屬性,并且設置了提交按鈕的背景色、字體顏色、鼠標樣式和過渡效果。
通過HTML和CSS的組合,我們可以輕松實現一個簡單的留言板功能,并且美化頁面,提供更好的用戶體驗。