首页使用Dreamweaver制作一个表单，有个h2标签的标题居中，然后下面是一个表单，里边有一个用户名和密码，两个文字后边带着输入框，并且上下两行的元素是对齐的，表单在页面中间，所有控件都是左对齐，帮我写一下代码

使用Dreamweaver制作一个表单，有个h2标签的标题居中，然后下面是一个表单，里边有一个用户名和密码，两个文字后边带着输入框，并且上下两行的元素是对齐的，表单在页面中间，所有控件都是左对齐，帮我写一下代码

时间: 2024-10-11 10:14:47 浏览: 27

在Adobe Dreamweaver中创建一个这样的表单，你可以使用HTML和CSS来实现。这里是一个简单的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f5f5f5; } .container { width: 400px; padding: 20px; box-sizing: border-box; background-color: white; text-align: left; } form { display: flex; flex-direction: column; } h2 { text-align: center; margin-bottom: 20px; } input[type="text"], input[type="password"] { margin-bottom: 10px; width: 100%; padding: 8px; border: 1px solid #ccc; } </style> </head> <body> <div class="container"> <h2>用户登录</h2> <form action="#" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username"> <label for="password">密码:</label> <input type="password" id="password" name="password">  </form> </div> </body> </html> ``` 这个例子中，我们使用了Flexbox布局来使整个页面内容居中对齐，`container`样式用于设置表单容器的基本属性，表单内`h2`标签使用`text-align: center`使其居中，输入框使用`display: flex`和`width: 100%`保证左右对齐。

阅读全文