首页一个蓝色背景的表单提交html

一个蓝色背景的表单提交html

时间: 2023-08-02 21:09:44 浏览: 113

蓝色.html

以下是一个简单的蓝色背景的表单提交 HTML 代码： ```html <!DOCTYPE html> <html> <head> <title>表单提交示例</title> <style> body { background-color: blue; } form { background-color: white; padding: 20px; border-radius: 5px; width: 500px; margin: 0 auto; } label { display: block; margin-bottom: 10px; } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 5px; border: none; } input[type="submit"] { background-color: blue; color: white; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer; } </style> </head> <body> <form action="#" method="post"> <label for="name">姓名：</label> <input type="text" id="name" name="name" required> <label for="email">邮箱：</label> <input type="email" id="email" name="email" required> <label for="message">留言：</label> <textarea id="message" name="message" rows="5" required></textarea> <input type="submit" value="提交"> </form> </body> </html> ``` 这个表单有三个字段：姓名、邮箱和留言，其中姓名和邮箱是必填项。表单的背景颜色是白色，整个页面的背景颜色是蓝色。提交按钮的背景颜色也是蓝色。你可以将代码复制粘贴到一个 HTML 文件中并在浏览器中打开以查看效果。

阅读全文