一、前言

学习完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>

三、效果图

效果图如下:在这里插入图片描述

四、总结

以上就是今天要讲的内容,本文简单介绍了表单的使用,
可以自己动手试一下。
有什么问题欢迎大家在评论区指出,一起相互交流学习。
如果这篇文章帮助到你,麻烦点个赞,留个关注,非常感谢大家们的支持~~~

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐