写出简单的前端网页登陆代码
时间: 2023-12-23 16:05:35 浏览: 29
<!DOCTYPE html>
<html>
<head>
<title>网页登录</title>
</head>
<body>
<h1>网页登录</h1>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="登录">
</form>
</body>
</html>
相关问题
写出一个前端登录页面的代码
以下是一个简单的前端登录页面的代码示例,包括一个输入框和一个提交按钮:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
</head>
<body>
<h1>Login</h1>
<form>
<label>Username: </label>
<input type="text" name="username"><br><br>
<label>Password: </label>
<input type="password" name="password"><br><br>
<input type="submit" value="Login">
</form>
</body>
</html>
```
当用户填写完用户名和密码后,点击“Login”按钮即可提交表单。接下来可以使用 JavaScript 或其他技术处理表单数据,例如将其发送到服务器进行验证。
写一个简单前端查询界面代码
我可以帮你写一个简单的前端查询界面代码。以下是示例代码:
<!DOCTYPE html>
<html>
<head>
<title>查询界面</title>
<meta charset="UTF-8">
</head>
<body>
<h1>查询</h1>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="age">年龄:</label>
<input type="text" id="age" name="age"><br><br>
<label for="gender">性别:</label>
<select id="gender" name="gender">
<option value="">请选择</option>
<option value="male">男</option>
<option value="female">女</option>
</select><br><br>
<input type="submit" value="查询">
</form>
</body>
</html>
希望这可以帮到你。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![application/x-zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)