利用html完成简单的登录网站页面
利用html完成简单的登录网站页面
·
一、前言
学习完html中有关表格表单的知识,可以来完成一个简单的登录页面的设计。
二、步骤
代码如下(示例):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录</title>
</head>
<body>
<form action="./新闻网站2.html"> <!-- 必需的 action属性规定当提交表单时,向何处发送表单数据。 -->
<h1>新闻网站</h1>
<h1>登录页面</h1>
<form>
账号:<input type="text" name="user">
<br>
密码:<input type="text" name="passsword">
<br>
<input type="submit" value="登录">
</form>
</body>
</html>
<!DOCTYPE html>
三、效果图
效果图如下:
四、总结
以上就是今天要讲的内容,本文简单介绍了表单的使用,
可以自己动手试一下。
有什么问题欢迎大家在评论区指出,一起相互交流学习。
如果这篇文章帮助到你,麻烦点个赞,留个关注,非常感谢大家们的支持~~~
更多推荐
已为社区贡献1条内容
所有评论(0)