<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. NDIS中间层驱动实现截获数据包、包过滤功能

    1.包截获功能 http://wenku.baidu.com/view/43960751f01dc281e53af055.html 2.包过滤功能 http://wenku.baidu.com/lin ...

  2. 树莓派研究笔记（9）-- 树莓派SPI连接TFT屏幕

    HDMI连接和树莓派专用连接的接口的屏幕都太贵了,为了节约成本,现在国内大多数还是TFT屏幕. 树莓派可以激活SPI接口,通过代码驱动TFT屏幕的显示.这样利用树莓派zero 打造小型的游戏平台可以大 ...

  3. CodeForces 404D Minesweeper 1D (DP)

    题意:给定一个序列,*表示雷,1表示它旁边有一个雷,2表示它旁边有两个雷,0表示旁边没有雷,?表示未知,求有多少情况. 析:dp[i][j] 表示第 i 个放 j 状态,有多少种情况,然后很简单的DP ...

  4. php+mysql入门

    mysql+php+apache可以快速的架构动态网站. 首先,为什么php容易搞mysql,因为与mysql交互成为了php语言的一种特性. 一.mysql入门 mysql是一种开源的关系型数据库. ...

  5. linux源码安装apache

    apache安装之前,需要安装APR.APR-Util和PCRE依赖包 下载 Apache     下载地址: http://httpd.apache.org/download.cgi   (打开找最 ...

  6. jQuery的选择器+实例

    返回目录 jQuery的冒号选择器 表单  :input :text :password :radio :checkbox :submit :image :reset :button :file :h ...

  7. selenium自动化测试、Python单元测试unittest框架以及测试报告和日志输出

    部分内容来自:https://www.cnblogs.com/klb561/p/8858122.html 一.基础介绍 核心概念:test case, testsuite, TestLoder,Tex ...

  8. CSS效果：图片切换

    HTML: <html lang="en"> <head> <meta charset="UTF-8"> <meta ...

  9. jzoj4915. 【GDOI2017模拟12.9】最长不下降子序列 （数列）

    题面 题解 调了好几个小时啊--话说我考试的时候脑子里到底在想啥-- 首先,这个数列肯定是有循环节的,而且循环节的长度\(T\)不会超过\(D\) 那么就可以把数列分成三份,\(L+S+R\),其中\ ...

  10. centos7安装配置时间服务器

    前言: 时间服务器是S/C模型服务,需要配置服务端和客户端 NTP服务端配置:(服务端的IP为1.1.1.14)安装ntp服务:# yum -y install ntp查询网络中的NTP服务器:# n ...