目前格式:HTML/XML
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<title>新增資料</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
.button { font-size: 16px; padding: 10px 20px; margin: 10px 5px; border: none; border-radius: 5px; background-color: #007aff; color: white; cursor: pointer; text-decoration: none; display: inline-block; }
.button:hover { background-color: #005bb5; }
.home-button { background-color: #34c759; }
.home-button:hover { background-color: #28a745; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; word-break: break-word; }
pre, textarea { width: 100%; box-sizing: border-box; }
.mobile-only { display: none; }
.desktop-only { display: inline; }
@media (max-width: 600px) {
.mobile-only { display: inline; }
.desktop-only { display: none; }
.button, table, thead, tbody, th, td, tr { display: block; width: 100%; box-sizing: border-box; }
th { display: none; }
td { border: none; padding-left: 0; text-align: left; }
td a { display: inline-block; margin: 5px 0; color: #007aff; text-decoration: none; }
td a:hover { text-decoration: underline; }
}
</style>
</head>
<body>
<h1>新增資料</h1>
<form action="/submit" method="POST">
<label for="message">留言:</label><br>
<textarea id="message" name="message" rows="10" placeholder="請輸入您的留言..."></textarea><br><br>
<input class="button" type="submit" value="提交">
<input class="button" type="reset" value="清除">
</form>
</body>
</html>
PCFET0NUWVBFIGh0bWw+CgogICAgPGh0bWwgbGFuZz0iemgtVFciPgoKICAgIDxoZWFkPgoKICAgICAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCI+CgogICAgICAgIDx0aXRsZT7mlrDlop7os4fmlpk8L3RpdGxlPgoKICAgICAgICAKCjxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIj4KCjxzdHlsZT4KCiAgICBib2R5IHsgbWFyZ2luOiAwOyBwYWRkaW5nOiAyMHB4OyBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7IH0KCiAgICAuYnV0dG9uIHsgZm9udC1zaXplOiAxNnB4OyBwYWRkaW5nOiAxMHB4IDIwcHg7IG1hcmdpbjogMTBweCA1cHg7IGJvcmRlcjogbm9uZTsgYm9yZGVyLXJhZGl1czogNXB4OyBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA3YWZmOyBjb2xvcjogd2hpdGU7IGN1cnNvcjogcG9pbnRlcjsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7IH0KCiAgICAuYnV0dG9uOmhvdmVyIHsgYmFja2dyb3VuZC1jb2xvcjogIzAwNWJiNTsgfQoKICAgIC5ob21lLWJ1dHRvbiB7IGJhY2tncm91bmQtY29sb3I6ICMzNGM3NTk7IH0KCiAgICAuaG9tZS1idXR0b246aG92ZXIgeyBiYWNrZ3JvdW5kLWNvbG9yOiAjMjhhNzQ1OyB9CgogICAgdGFibGUgeyB3aWR0aDogMTAwJTsgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsgfQoKICAgIHRoLCB0ZCB7IHBhZGRpbmc6IDEwcHg7IHRleHQtYWxpZ246IGxlZnQ7IGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGRkOyB3b3JkLWJyZWFrOiBicmVhay13b3JkOyB9CgogICAgcHJlLCB0ZXh0YXJlYSB7IHdpZHRoOiAxMDAlOyBib3gtc2l6aW5nOiBib3JkZXItYm94OyB9CgogICAgLm1vYmlsZS1vbmx5IHsgZGlzcGxheTogbm9uZTsgfQoKICAgIC5kZXNrdG9wLW9ubHkgeyBkaXNwbGF5OiBpbmxpbmU7IH0KCiAgICBAbWVkaWEgKG1heC13aWR0aDogNjAwcHgpIHsKCiAgICAgICAgLm1vYmlsZS1vbmx5IHsgZGlzcGxheTogaW5saW5lOyB9CgogICAgICAgIC5kZXNrdG9wLW9ubHkgeyBkaXNwbGF5OiBub25lOyB9CgogICAgICAgIC5idXR0b24sIHRhYmxlLCB0aGVhZCwgdGJvZHksIHRoLCB0ZCwgdHIgeyBkaXNwbGF5OiBibG9jazsgd2lkdGg6IDEwMCU7IGJveC1zaXppbmc6IGJvcmRlci1ib3g7IH0KCiAgICAgICAgdGggeyBkaXNwbGF5OiBub25lOyB9CgogICAgICAgIHRkIHsgYm9yZGVyOiBub25lOyBwYWRkaW5nLWxlZnQ6IDA7IHRleHQtYWxpZ246IGxlZnQ7IH0KCiAgICAgICAgdGQgYSB7IGRpc3BsYXk6IGlubGluZS1ibG9jazsgbWFyZ2luOiA1cHggMDsgY29sb3I6ICMwMDdhZmY7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfQoKICAgICAgICB0ZCBhOmhvdmVyIHsgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7IH0KCiAgICB9Cgo8L3N0eWxlPgoKCgogICAgPC9oZWFkPgoKICAgIDxib2R5PgoKICAgICAgICA8aDE+5paw5aKe6LOH5paZPC9oMT4KCiAgICAgICAgPGZvcm0gYWN0aW9uPSIvc3VibWl0IiBtZXRob2Q9IlBPU1QiPgoKICAgICAgICAgICAgPGxhYmVsIGZvcj0ibWVzc2FnZSI+55WZ6KiAOjwvbGFiZWw+PGJyPgoKICAgICAgICAgICAgPHRleHRhcmVhIGlkPSJtZXNzYWdlIiBuYW1lPSJtZXNzYWdlIiByb3dzPSIxMCIgcGxhY2Vob2xkZXI9Iuiri+i8uOWFpeaCqOeahOeVmeiogC4uLiI+PC90ZXh0YXJlYT48YnI+PGJyPgoKICAgICAgICAgICAgPGlucHV0IGNsYXNzPSJidXR0b24iIHR5cGU9InN1Ym1pdCIgdmFsdWU9IuaPkOS6pCI+CgogICAgICAgICAgICA8aW5wdXQgY2xhc3M9ImJ1dHRvbiIgdHlwZT0icmVzZXQiIHZhbHVlPSLmuIXpmaQiPgoKICAgICAgICA8L2Zvcm0+CgogICAgPC9ib2R5PgoKICAgIDwvaHRtbD4K