一、HTML标签、属性、表单的介绍

1、<h1>账号密码登录</h1> ---标题

2、<input name="username" readonly> ---input输入，readonly输入框禁止输入内容没有name属性数据发送不到后台，相当于key，value

3、<input type="password" name="password"> type="password"--密码输入隐藏

4、<div></div> ---标签标识换行

5、<input type="submit"> ---提交按钮

6、<input type="radio" name="game" value="王者荣耀">王者荣耀 type="radio"--单选框标签外的四个字就是展示，，如果有多个单选框时，name属性必须一致，否则页面可以进行多选

7、<input type="checkbox"> ---多选框

8、<input type="file" name="mfile"> --上传文件，name属性的发送请求传值

9、<input type="color"> ---颜色框

10、<input type="date"> --日期选择框

11、<a href="https://download.csdn.net/download/qq_49624649/32054625?spm=1001.2014.3001.5503">点击跳转</a> --a标签标识超文本链接，点击后就跳转

12、<select>

</select> ----下拉选择框

13、<iframe src="https://download.csdn.net/download/qq_49624649/32054625?spm=1001.2014.3001.5503" width="800px" height="700px"> </iframe> ---iframe页面嵌套

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>账号密码登录</h1>
    <form action="http://httpbin.org/post" method="post">
    <div>
        <input name="username" readonly>
        </div>
    <div>
        <input type="password" name="password">
        </div>
    <div>
        <input type="submit">
        </div>
        你最喜欢的游戏
        <input type="radio" name="game" value="王者荣耀">王者荣耀
        <input type="radio" name="game" value="lol">lol
        <input type="radio" name="game" value="吃鸡">吃鸡

        <input type="checkbox">
        <input type="file" name="mfile">

        </form>

    <input type="submit">
    <input type="radio">
    <input type="checkbox">
    <input type="file">
    <input type="color">
    <input type="date">
    <div>
    <a href="https://download.csdn.net/download/qq_49624649/32054625?spm=1001.2014.3001.5503">点击跳转</a>
    <select>
        <option>测试1</option>
        <option>测试2</option>
        <option>测试3</option>
    </select>
    </div>

    <iframe src="https://download.csdn.net/download/qq_49624649/32054625?spm=1001.2014.3001.5503" width="800px" height="700px">

    </iframe>

</body>
</html>

关于测试了解的html知识

一、HTML标签、属性、表单的介绍