<hr> 下划线
实体：想在页面显示被浏览器解析的内容
为表格添加标题
<caption>跟tr同级，只在<table>下

<link> 为页面加小图标 在<head>中添加 <link rel="shortcut icon" href="a.ico">

表单：<form action="">
表单元素 表单的内容

<form> 属性
action（往哪提交）指定到某个具体的文件
method 提交方式 默认为get 建议用post 相对较安全
enctype 如果表单想上传文件，必须加enctype="multipart/form-data"

相关标签
<fieldset> 表单包起来 用于修饰
<legen> 表单的标题

表单元素通用格式
<input type=“类型”name="" value="">

表单元素分为
文本类型
text 普通文本 password 密码 hidden 隐藏域（隐藏）
textarea（特殊格式） 多行文本对话框，类似于自我介绍

readonly 只读模式 账号<input type="text" readonly name="uid"> 账号只读

disabled 不可操作 账号<input type="text" disabled name="uid"> 账号不可操作

选择类型
radio 单选
性别<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="2">女
选择性别，男或者女

checkbox 多选
爱好<input type="checkbox" name="1">足球
<input type="checkbox" name="2">篮球
<input type="checkbox" name="3">羽毛球
<input type="checkbox" name="4">乒乓球

爱好，多项选择

select option(下拉特殊格式)，select为父，option为子
民族<select name="" id="">
<option value="1">汉族</option>
<option value="2">回族</option>
<option value="3">苗族</option>
<option value="4">壮族</option>
<option value="5">维吾尔族</option>
</select>
选择民族，包含下拉选项

selected 默认选中某一项，用于option属性中
民族<select name="" id="">
<option value="1">汉族</option>
<option selected value="2">回族</option>
<option value="3">苗族</option>
<option value="4">壮族</option>
<option value="5">维吾尔族</option>
</select>
默认选中为回族

select的子属性 multiple 表示多选选项全部显示

checked 默认选中本选项 性别<input type="radio" name="sex" checked value="1">男 表示默认选中性别为男

按钮类型

button 普通按钮 Reset 重置按钮 submit 其他按钮

<input type="button" value="普通按钮">
<input type="reset" value="重置按钮">
<input type="submit" value="提交">

其他类型

file 文件 date 时间 日期 color 颜色
<input type="file" value="选择文件"> 打开本地文件
生日<input type="date"> 生日选择

<iframe> 把一个页面引入当前页面 易维护 扩展 复用

总结
一般标签 b i span div h p
功能标签 a img iframe audio video
组合标签 form table ul

随机推荐

  1. bat 操作数据库（附加，分离，删除，还原）

    BAT代码: @echo off Title DataBase Color 0A :caozuo echo. echo ═══════════════════════════════════════ ...

  2. windows windows计划任务访问网络存储NAS的问题

    windows 计划任务访问网络存储NAS的问题 WINDOWS 计划任务访问网络存储(NAS),程序找不到路径解决办法 Windows 服务器端运行的软件,大多时需要开机自启,这时Windows 计 ...

  3. Java与C++比较

    本文仅从片面的角度比较Java与C++的一些特性,如有错误的地方,请指正. 语言特性上的一些差异: 1.Java没有无符号整数,C++/C#都有. 2.Java中不存在指针.Java的引用是功能弱化的 ...

  4. 编译安装log4cxx

    1.介绍 Log4cxx是开放源代码项目Apache Logging Service的子项目之一,是Java社区著名的log4j的c++移植版,用于为C++程序提供日志功能,以便开发者对目标程序进行调 ...

  5. 调停者模式Mediator（中介者模式）详解

    原文链接:https://www.cnblogs.com/java-my-life/archive/2012/06/20/2554024.html 在阎宏博士的<JAVA与模式>一书中开头 ...

  6. loj #6261 一个人的高三楼 FFT + 组合数递推

    \(\color{#0066ff}{ 题目描述 }\) 一天的学习快要结束了,高三楼在晚自习的时候恢复了宁静. 不过,\(HSD\) 桑还有一些作业没有完成,他需要在这个晚自习写完.比如这道数学题: ...

  7. 树状数组【bzoj3155】: Preprefix sum

    3155: Preprefix sum 题目链接:https://www.lydsy.com/JudgeOnline/problem.php?id=3155 把给出的a_i当成查分数组d_i做就可以了 ...

  8. [BZOJ4916]神犇和蒟蒻 杜教筛/Min_25筛

    题目大意: 给定\(n\le 10^9\),求: 1.\(\sum_{i=1}^n\mu(i^2)\) 2.\(\sum_{i=1}^n\varphi(i^2)\) 解释 1.\(\sum_{i=1} ...

  9. 数据结构28：广义表及M元多项式

    广义表,又称为列表.记作: LS = (a1,a2,…,an) ;( LS 为广义表的名称, an 表示广义表中的数据). 广义表可以看作是线性表的推广.两者区别是:线性表中的数据元素只能表示单个数据 ...

  10. Educational Codeforces Round 53 (Rated for Div. 2) C. Vasya and Robot（二分或者尺取）

    题目哦 题意:给出一个序列,序列有四个字母组成,U:y+1,D:y-1 , L:x-1 , R:x+1;   这是规则 . 给出(x,y) 问可不可以经过最小的变化这个序列可以由(0,0) 变到(x, ...