一、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>

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2022-03-10 22:22:38 更:2022-03-10 22:24:40

360图书馆购物三丰科技阅读网日历万年历 2024年11日历

-2024/11/24 7:15:19-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码