给出html页面,要求有两个按钮一左一右分别是用户登录和管理员登录,上面一行字为欢迎登录民航系统
时间: 2024-02-12 20:09:02 浏览: 16
好的,以下是一个简单的实现:
```
<!DOCTYPE html>
<html>
<head>
<title>民航系统登录</title>
</head>
<body>
<h1 style="text-align:center;">欢迎登录民航系统</h1>
<div style="display:flex; justify-content:center;">
<form action="user_login.php" method="post">
<button type="submit">用户登录</button>
</form>
<form action="admin_login.php" method="post">
<button type="submit">管理员登录</button>
</form>
</div>
</body>
</html>
```
其中,`user_login.php` 和 `admin_login.php` 分别是用户登录和管理员登录的处理文件。你可以根据实际情况修改这两个文件的名称和路径。
相关问题
给出html页面,上面一行字为欢迎登录民航系统,下面要求有两个按钮一左一右,分别是用户登录和管理员登录,点击后跳转到对应的html界面
好的,以下是一个简单的实现:
```
<!DOCTYPE html>
<html>
<head>
<title>民航系统登录</title>
</head>
<body>
<h1 style="text-align:center;">欢迎登录民航系统</h1>
<div style="display:flex; justify-content:center;">
<a href="user_login.html"><button type="button">用户登录</button></a>
<a href="admin_login.html"><button type="button">管理员登录</button></a>
</div>
</body>
</html>
```
其中,`user_login.html` 和 `admin_login.html` 分别是用户登录和管理员登录的页面。点击对应的按钮后,会跳转到对应的页面。你可以根据实际情况修改这两个文件的路径。
flutter 实现首页,左右布局,左边一张图片,右边上下布局,两行文字下面是一个按钮,按钮挺好看
可以使用 Flutter 的 Row 和 Column Widget 来实现左右布局和上下布局,然后使用 Container 和 Image Widget 来实现图片和按钮的布局。下面是一个简单的示例代码:
```dart
import 'package:flutter/material.dart';
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Home'),
),
body: Row(
children: [
Container(
width: 150,
height: double.infinity,
child: Image.network(
'https://picsum.photos/200',
fit: BoxFit.cover,
),
),
Expanded(
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Title',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
),
),
SizedBox(height: 10),
Text(
'Subtitle',
style: TextStyle(
fontSize: 16,
color: Colors.grey,
),
),
SizedBox(height: 20),
ElevatedButton(
onPressed: () {},
child: Text('Button'),
style: ElevatedButton.styleFrom(
primary: Colors.blue,
padding: EdgeInsets.symmetric(
horizontal: 40,
vertical: 16,
),
textStyle: TextStyle(fontSize: 20),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30),
),
),
),
],
),
),
),
],
),
);
}
}
```
在这个示例中,我们使用了 Row 和 Column Widget 来实现左右布局和上下布局,使用了 Container 和 Image Widget 来实现图片的显示,使用了 ElevatedButton Widget 来实现按钮的布局。你可以根据自己的需要修改布局和样式。