<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. NIO、AIO

  2. loj10241 取石子游戏1

    传送门 分析 我们发现如果在某个人取完之后还剩k+1个石子,则这个人必胜.所以我们可以将n个石子转化为n-k-1个,然后不断递归的转化下去.最后我们可以得到对于n个石子的胜负只与谁先取到n%(k+1) ...

  3. Luogu 3530 [POI2012]FES-Festival

    我是真的不会写差分约束啊呜呜呜…… BZOJ 2788被权限了. 首先对于第一个限制$x + 1 = y$,可以转化成$x + 1 \leq y \leq x + 1$, 所以连一条$(y, x, - ...

  4. 20169219《linux内核原理与分析》第九周作业

    网易云课堂学习 可执行程序的装载 可执行程序的产生过程:预处理-----> 编译 ----> 汇编 ----> 链接 以hello.c文件为例进行分析,编译步骤如下 vi hello ...

  5. 容器编排之Kubernetes1.10.2安装与配置

    k8s 1.10.2 https搭建文档 1.下载k8s镜像 方式一:docker hub + github,需要创建一个docker hub账户,连接指定的github账户,docker hub会从 ...

  6. luogu4430 小猴打架

    假硕讲了个prufer编码和Caylay公式 我为了证明prufer编码没用 所以用矩阵树定理证明了Caylay公式 让我们用矩阵树定理推一波 首先这个小猴打架最后会打成一棵树,这棵树是N个点的完全图 ...

  7. 河南省第十一届ACM程序设计竞赛 修路

    Problem C: 修路 Time Limit: 3 Sec  Memory Limit: 128 MBSubmit: 63  Solved: 22[Submit][Status][Web Boar ...

  8. springcloud系列二 搭建注册中心启动

    创建modul 然后就创建完成了 添加yml文件: server: port: eureka: client: register-with-eureka: false #单机版建议设置为false,设 ...

  9. POJ1056 IMMEDIATE DECODABILITY & POJ3630 Phone List

    题目来源:http://poj.org/problem?id=1056   http://poj.org/problem?id=3630 两题非常类似,所以在这里一并做了. 1056题目大意: 如果一 ...

  10. SprimgMVC学习笔记（六）—— 全局异常的处理

    一.处理思路 springmvc在处理请求过程中出现异常信息交由异常处理器进行处理,自定义异常处理器可以实现一个系统的异常处理逻辑. 系统中异常包括两类:预期异常和运行时异常RuntimeExcept ...