<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. SRA数据转成fastq

    Downloading and installing the SRA Toolkit step1: 下载并安装SRAtoolkit    (Download the Toolkit from the ...

  2. 前端基础 之JS

    浏览目录 JavaScript语法基础 JavaScript数据类型及类型查询 JavaScript运算符 JavaScript流程控制 JavaScript函数 词法分析 JavaScript内置对 ...

  3. Entity Framework Tutorial Basics（9）：Entity Relationships

    这篇前面已经转载出来了,地址:http://www.cnblogs.com/purplefox2008/p/5646466.html

  4. 在centos上安装sequoaidb的php驱动

    1:搭建PHP的运行环境 yum install httpd httpd-devel yum install php   php-devel yum install php-gd php-imap p ...

  5. HTML5与CSS3基础教程(第7版) 高清PDF扫描版​

    HTML5与CSS3基础教程(第7版)试读不仅介绍了文本.图像.链接.列表.表格.表单.多媒体等网页元素,也介绍了如何为网页设计结构.布局,添加动态效果.格式化等形式,此外还涉及调试和发布.聚合和吸引 ...

  6. winform GDI基础（一）

    1获取画布 (1)从PaintEventArgs类中获取画布 private void Form1_Paint(object sender, PaintEventArgs e) { Graphics ...

  7. [WIP]React 核心概念

    创建: 2019/05/01 Hello World   ReactDOM.render( <p>sample</p>, document.getElementById('ro ...

  8. Android下创建一个输入法

    输入法是一种可以让用户输入文字的控件.Android提供了一套可扩展的输入法框架,使得应用程序可以让用户选择各种类型的输入法,比如基于触屏的键盘输入或者基于语音.当安装了特定输入法之后,用户即可在系统 ...

  9. [Django笔记] views.py 深入学习

    views.py 是django MTV 中的主要逻辑层,相当于MVC中的 Controller 以下的实例都基于这样一个路由表: urlpatterns = [ url(r'^(index)?$', ...

  10. 【OD深入学习】Java多线程面试题

    一.参考文章 1. Java线程面试题 Top 50 2. Java面试——多线程面试题 3. JAVA多线程和并发基础面试问答 4. 15个顶级Java多线程面试题及回答 二.逐个解答 三.一语中的 ...