2021-03-20

PURE_LOVE_

于 2021-03-20 23:47:08 发布

阅读量657

点赞数

本文链接：https://blog.csdn.net/PURE_LOVE_/article/details/115037197

版权

日常学习—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>
    <style>
        .div{
             margin-left: 640px;
        }
    </style>
    <script>
        function func(op){//框架方法 判断注册成功或清空数据
            var value1 = document.getElementById(2);
            var value2 = document.getElementById(3);
            if(op==1&&value1.value==value2.value){
                alert("注册成功！")
                return false
            }else if(op==2&&confirm("是否要清空？")){
                document.getElementById(1).value="";
                document.getElementById(2).value="";
                document.getElementById(3).value="";
            }
        }
    </script>
</head>
<body>
    <div style="margin-left:666px;margin-top: 75px;">
        <span style="font-size: 30px;">注册 <style></style></span>
    </div>
    <div style="margin-left: 565px;">
        <p>用&nbsp&nbsp户&nbsp&nbsp名<input type="text" name="请输入用户名" id="1"></p>
        <p>新&nbsp&nbsp密&nbsp&nbsp码<input type="password" name="请输入您的密码" id="2"></p>
        <p>确认密码&nbsp<input type="password" name="请重新输入" id="3"></p>
    </div>
    <br>
    <div class = 'div'><input type="button" value="确认" onclick="func(1)">&nbsp&nbsp<input 
        type="button" value="清空" onclick="func(2)">
    
    </div>
</body>
</html>

一些基础HTML语法的垒叠，实现了一个静态的用户注册信息页面
实现截图：
在这里插入图片描述
使用script，写了一个简单的方法来实现buttle按钮“确认”和“清空”；

知识点：

元素（Element）

<p> 我和我的家乡 </p>

开始标签：包含元素的名称（本例为 p），被左、右角括号所包围。表示元素从这里开始或者开始
起作用。
与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾。
元素的内容，本例中就是所输入的文本本身。
开始标签、结束标签与内容相结合，便是一个完整的元素。

嵌套元素

<p>我爱我的<strong>家乡</strong></p>

这里使用标签，来强调祖国这一内容。
块级元素在页面中默认以块的形式展现。更多的是表示一类段落的语义。
内联元素不会导致文本换行。更多的表示一个词、一句话等语义。

空元素

<img src="图片地址源">

不是所有元素都拥有开始标签，内容，结束标签。一些元素只有一个标签，通常用来在此元素所在位置
插入/嵌入一些东西，上例就表示img中插入的一张图片

PURE_LOVE_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-03-20

日常学习—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">
复制链接

扫一扫