html教程hu
《HTML5教程》课件
如`<div>`、`<p>`、`<h1>`-`<h6>` 、`<ul>`、`<ol>`等，会在页面上占 据一定区域，并与其他块级元素并排 显示。
内联元素
语义化标签
如`<header>`、`<footer>`、 `<article>`、`<section>`等，用于描 述页面内容结构，使代码更具可读性 。
拖放API
HTML5提供了拖放API， 允许用户拖动元素并在目 标位置放下。
自定义拖放
开发者可以自定义拖放行 为，实现各种交互效果。
增强用户体验
拖放功能可以增强用户体 验，提高网页交互性和可 用性。
本地存储
Web存储API
HTML5引入了Web存储API，允 许在客户端存储数据，包括会话
数据和持久数据。
<html>标签是整个HTML文档的 根元素。
<head>标签内包含文档的元数 据，如<meta charset="UTF8">设置字符编码为UTF-8。
HTML5文档的基本结构包括 `<!DOCTYPE html>`、 `<html>`、`<head>`和 `<body>`等标签。
<body>标签内包含网页的可见 内容，如文本、图片、链接等。
HTML5性能优化
HTML5引入了许多新的技术和 特性，如Web Workers、Web Sockets和Server-Sent Events
等，可以实现更高效的网页性 能。
使用Web Workers可以在后台 线程中运行JavaScript，避免阻
HTML教程(最全的图文并茂教程)
小结
请说出实际开发常用的4种块状结构是什么？ 1、div-ul(ol)-li ：常用于分类导航或菜单等 2、div-dl-dt-dd ：常用于图文混编的场合 3、table-tr-td ：常用于图文布局或显示数据 4、form-table-tr-td：常用于布局表单
行级标签—图像标签
提供搜索关键字和内容描述 信息，方便搜索引擎的搜索
HTML页面中的块和行
HTML标签分类（方便后续的布局设计）： 块级标签：显示为“块”状，前后隔一行 行级标签：按行逐一显示 分类好处：方便后续的布局设计
行级：包 括文字、 图片等
块级： 块内包含 多行
块级标签
根据使用场合，块级标签又细分为：
ቤተ መጻሕፍቲ ባይዱ
W3C
制定统一的web标准
Netscape 的图标
W3C提倡的Web结构
不规范的示例
<font size="7">一级主题</Font><br/> 一级主题阐述文字 <br /><Br /> <font size="5">二级主题</font><br /> 二级主题相关文字 <P>项目列表1 <p>项目列表2 <p>项目列表3 存在问题： 1、内容和表现没分离，后期很难 维护和修改 2、HTML代码不能表示页面的内 容语义，不利于搜索引擎搜索
W3C提倡的Web结构
规范的示例
<h1>一级主题1</h1> <p>一级主题阐述文字</p> <h2>二级主题</h2> <p>二级主题阐述文字</p> <ul> <li>项目列表1</li> <li>项目列表2</li> <li>项目列表3</li> </ul>
HTML基础知识教学篇
• </HTML>
第13页，共42页。
4. 水平线标记<HR> • <HR>标记用于在文档中添加一条水平线，以分开文档的两个部
分。该标记有以下属性： • (1) ALIGN：指定线的对齐方式，取值为left（左对齐）、center
• <FONT COLOR = "#00FF00">电子商务网页设计</FONT>
第18页，共42页。
实例2.6 使用字体标记来设置文本的字体、字号和颜色，源代码如下所示------ 2-06.htm ------
<HTML> <HEAD> <TITLE>设置字体、字号和颜色</TITLE>
</HEAD>
（居中对齐）或right（右对齐），默认值为center。 • (2) COLOR：指定线的颜色。
• (3) NOSHADE：若指定该项，则显示一条无阴影的实线。
• (4) SIZE：指定线的宽度，以像素为单位。 • (5) WIDTH：指定线的长度，单位可以是像素或百分比（占页面
宽度的百分比）。
第14页，共42页。
1. HTML标记<HTML>
• <HTML>…</HTML>是全部文档内容的标记，分别在网页的第一个标记和最 后一个标记，其他所有的代码都位于这两个标记之间。可选的。
2. 首部标记<HEAD>
• <HEAD>… </HEAD>用语提供与WEB页相关的各种信息。
纯 C#技术下HTML页面动态生成的实现
FrontPage 等)中完成即可，模板的复杂程度与页面
比较上述两图，我们不难发现动态网站在用户 动态转静态的复杂程度无关。模板如下：
访问时比静态网站多做了一步操作：与数据库进行 交互。也正是这步操作使得动态页面的速度往往会 比静态页面慢 2-10 倍，因此对于一个访问量逐步向 百万级发展的网站来说，访问速度很快成为一个瓶 颈。除了优化内容发布系统的应用本身外，如果能 把更新频率比较低的动态页面转存成静态网页来发 布，访问速度会比原有动态网页有 2-3 个数量级的 提高。
(2)mobanWriter(string mobancontent) 用 于 将替换内容后的模板生成 HTML 页面。核心代码及详 细解释如下：
public static string mobanWriter(string mobaneontent) { string htmlpath=" "; //定义 htmlpath 变量，存放生成静态 html 页面的文件名 htmlpath = System.DateTime.Now.ToString(); //获取系统的当前时间作为输出文件的文件名 try { StreamWriter sw = null; sw = new StreamWriter(htmlpath,false,System.Text.
由于篇幅有限，本文只列出最为重要的核心代 码，把重点放在描述算法以及思路上(具体类及原代 码可见 /alexyao/moban.rar)。此 方法的意义在于：易于理解、实现简单，程序员可 以在单一技术条件下，轻松实现动态页面转静态的 方法。目前，该组件已经成功应用于江西蓝天学院 京东校区计算机系新闻发布系统，实践效果良好。
2007 年第 10 期
计算机与现代化 JISUANJI YU XIANDAIHUA
html课程设计
html课程设计一、教学目标本课程旨在通过HTML的学习，使学生掌握HTML的基本语法、标签及其属性，能够独立编写简单的HTML页面。
具体目标如下：1.理解HTML的基本概念和作用。
2.掌握HTML的基本语法和结构。
3.熟悉HTML常用标签及其属性。
4.能够使用HTML编写简单的页面结构。
5.能够使用HTML进行文本格式化、图片插入、链接创建等基本操作。
6.能够使用HTML进行、表单等高级操作。
情感态度价值观目标：1.培养学生对计算机科学的兴趣和好奇心。
2.培养学生独立思考和解决问题的能力。
3.培养学生团队协作和分享知识的意识。
二、教学内容本课程的教学内容主要包括HTML的基本语法、标签及其属性，以及常用的页面布局和交互技术。
具体安排如下：1.HTML基本语法和结构：介绍HTML的概念、基本语法和页面结构。
2.文本格式化：学习常用的文本格式化标签，如<p>、<h1>、<h2>等。
3.图片和链接：学习图片插入标签<img>和链接创建标签<a>。
4.：学习创建标签<table>、<tr>、<td>等，以及的样式设置。
5.表单：学习表单创建标签<form>、<input>、<select>等，以及表单的提交和验证。
6.页面布局和交互：学习CSS样式表的基本使用，以及JavaScript脚本语言的基本语法。
三、教学方法本课程采用讲授法、案例分析法和实验法相结合的教学方法，以激发学生的学习兴趣和主动性。
1.讲授法：通过讲解HTML的基本概念、语法和标签属性，使学生掌握HTML的基本知识。
2.案例分析法：通过分析实际案例，使学生了解HTML在实际应用中的作用和效果。
3.实验法：通过动手实践，使学生在实际操作中掌握HTML的使用方法和技巧。
四、教学资源本课程的教学资源包括教材、参考书、多媒体资料和实验设备。
html教程菜鸟教程
html教程菜鸟教程HTML教程——了解HTML的基础知识与技巧HTML是一种标记语言，用于创建网页。
它是Web开发的基础，可以用来描述网页的结构和内容。
在本教程中，我们将介绍HTML的基础知识和常用标记，帮助您快速入门。
第一步：创建HTML文档在开始编写HTML代码之前，我们需要创建一个HTML文档。
HTML文档的文件扩展名通常为".html"。
使用文本编辑器（如记事本）创建一个新文件，并将其保存为"index.html"（或任何你喜欢的名称）。
第二步：添加HTML标记在HTML文档中，我们可以使用不同的HTML标记来创建不同的元素。
这些标记通常由尖括号包围。
下面是一些常用的HTML标记：- `<html>`：定义HTML文档的根元素。
- `<head>`：定义文档的头部，包含了一些元数据，如标题、样式表等。
- `<body>`：定义文档的主体，包含了网页的实际内容。
第三步：使用HTML标记创建网页内容在`<body>`标记中，我们可以使用HTML标记来创建网页的内容。
以下是一些常用的HTML标记：- `<h1>`到`<h6>`：定义标题，其中`<h1>`是最高级的标题，`<h6>`是最低级的标题。
- `<p>`：定义段落。
- `<a>`：定义链接，可以用来跳转到其他页面。
- `<img>`：定义图像，可以在网页中显示图片。
第四步：保存并查看网页完成了HTML代码的编写后，保存文件并使用Web浏览器打开。
在浏览器中，通过打开"index.html"文件来查看您的网页。
如果一切正常，您应该能够看到您创建的网页。
总结这是一个简单的HTML教程，介绍了如何创建HTML文档、添加HTML标记和创建网页内容。
通过学习以上基础知识，您可以开始编写自己的网页，并逐渐掌握更多高级的HTML技巧。
《html教程讲义》课件
一、HTML简介1.1 HTML的定义HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。
1.2 HTML的作用HTML用于描述网页的结构和内容，使得浏览器能够展示具有特定格式的文本、、图片等。
1.3 HTML的发展历程HTML 1.0（1993年）HTML 2.0（1995年）HTML 4.01（1997年）XHTML 1.0（2000年）HTML5（2014年）二、HTML文档结构2.1 基本结构<!DOCTYPE ><><head><meta charset="UTF-8"><>文档</></head><body><h1>一级</h1><p>段落内容</p><!-更多的标签和内容 --></body></>2.2 标签分类语义化标签：`<header>`、`<nav>`、`<section>`、`<article>`、`<footer>`等功能性标签：`<div>`、`<span>`等三、文本格式与排版3.1 标签`<h1>`～`<h6>`：依次表示一级到六级3.2 段落标签`<p>`：表示一个段落3.3 换行与清除浮动`<br>`：表示换行`<wbr>`：表示单词换行`<clear>`：清除浮动3.4 字符实体`<>&"`：分别表示小于号、大于号、引号四、图片与4.1 图片标签`<img>`：表示图片<img src="图片地址" alt="图片描述" width="宽度" height="高度"> 4.2 标签`<a>`：表示<a href="地址" target="_blank">文本</a>4.3 锚点`<a name="锚点名称">`：表示锚点`<a href="锚点名称">`：到锚点五、列表与表格5.1 无序列表`<ul>`：无序列表`<li>`：列表项5.2 有序列表`<ol>`：有序列表`<li>`：列表项5.3 定义列表`<dl>`：定义列表`<dt>`：定义`<dd>`：定义描述5.4 表格`<table>`：表格`<tr>`：表格行`<td>`：单元格`<th>`：表头单元格六、表单与数据验证6.1 表单标签`<form>`：表单`<input>`：输入框`<textarea>`：文本域`<select>`：下拉菜单`<option>`：下拉菜单选项6.2 数据验证`required`：必填字段`pattern`：正则表达式验证`minlength`、`maxlength`：字符长度限制`type="e"、type="number"、type=""：输入类型限制七、CSS样式7.1 内联样式在HTML标签内使用`style`属性添加样式7.2 内部样式表在`<head>`标签内使用`<style>`标签添加样式7.3 外部样式表使用`.css`文件作为样式表，通过`<link>`标签引入7.4 CSS选择器标签选择器：`h1 { }`类选择器：`.classname { }`ID选择器：`idname { }`属性选择器：`[attribute="value"] { }`八、盒子模型与布局8.1 盒子模型`margin`：外边距`border`：边框`padding`：内边距`width`、`height`：宽度和高度8.2 布局方式标准流布局浮动布局：`float`属性定位布局：`position`属性弹性盒模型（Flexbox）：`display: flex;`九、响应式设计9.1 媒体查询使用`media`查询不同设备屏幕大小时的样式9.2 移动端布局使用百分比、视口单位（vw、vh）、rem等实现响应式布局9.3 图片响应式使用`<picture>`标签或`srcset`属性实现图片响应式十、HTML5新特性10.1 视频与音频`<video>`：视频`<audio>`：音频10.2 画布（Canvas）`<canvas>`：绘制图形、动画等10.3 Web存储`localStorage`：本地存储`sessionStorage`：会话存储10.4 离线应用与缓存使用`manifest`文件实现离线应用10.5 其他新特性`<nav>`、`<section>`、`<article>`等语义化标签`<input type="e">`、`<input type="number">`等新输入类型`<dialog>`：对话框重点和难点解析HTML的基本结构和标签分类文本格式与排版，如、段落、换行等图片与的使用，包括图片标签和锚点列表与表格的创建和应用表单与数据验证，如必填字段、正则表达式验证等CSS样式的基础知识，包括内联样式、内部样式表和外部样式表盒子模型、布局方式以及响应式设计的基本概念HTML5的新特性，如视频与音频、画布、Web存储等HTML5的新特性，如离线应用、Web存储等，这些内容需要一定的实践和理解CSS的高级应用，如伪类、过渡、动画等，这些内容需要对CSS 有深入的了解表单的数据验证，如何使用JavaScript进行复杂的验证，需要对JavaScript有一定的了解。
介绍7种HTML加密方式
本文一共介绍了七种方法：一：最简单的加密解密二：转义字符""的妙用三：使用Microsoft出品的脚本编码器Script Encoder来进行编码（自创简单解码）四：任意添加NUL空字符（十六进制00H）（自创）五：无用内容混乱以及换行空格TAB大法六：自写解密函数法七：错误的利用（自创）在做网页时（其实是网页木马呵呵），最让人烦恼的是自己辛辛苦苦写出来的客户端IE 运行的JA V ASCRIPT代码常常被别人轻易的拷贝，实在让自己的心里有点不是滋味，要知道自己写点东西也挺累的......^*^但我们也应该清楚地认识到因为JA V ASCRIPT代码是在IE中解释执行，要想绝对的保密是不可能的，我们要做的就是尽可能的增大拷贝者复制的难度，让他知难而退（但愿~!~），下面我结合自己这几年来的实践，及个人研究的心得，和大家一起来探讨一下网页中JA V ASCRIPT代码的加密解密技术。
以加密下面的JA V ASCRIPT代码为例：以下是代码片段：<SCRIPT LANGUAGE="JavaScript">alert("黑客防线");</SCRIPT>一：最简单的加密解密大家对于JA V ASCRIPT函数escape()和unescape()想必是比较了解啦（很多网页加密在用它们），分别是编码和解码字符串，比如例子代码用escape()函数加密后变为如下格式：以下是代码片段：alert%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B如何？还看的懂吗？当然其中的ASCII字符"alert"并没有被加密，如果愿意我们可以写点JA V ASCRIPT代码重新把它加密如下：以下是代码片段：%61%6C%65%72%74%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B呵呵！如何？这次是完全都加密了！当然，这样加密后的代码是不能直接运行的，幸好还有eval(codeString)可用，这个函数的作用就是检查JavaScript代码并执行，必选项codeString 参数是包含有效JavaScript 代码的字符串值，加上上面的解码unescape()，加密后的结果如下：以下是代码片段：<SCRIPT LANGUAGE="JavaScript">varcode=unescape("%61%6C%65%72%74%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3 B");eval(code)</SCRIPT>是不是很简单？不要高兴，解密也就同样的简单，解密代码都摆给别人啦（unescape()）！呵呵二：转义字符""的妙用大家可能对转义字符""不太熟悉，但对于JavaScript提供了一些特殊字符如：n （换行）、r （回车）、' （单引号）等应该是有所了解的吧？其实""后面还可以跟八进制或十六进制的数字，如字符"a"则可以表示为："141"或"x61"（注意是小写字符"x"），至于双字节字符如汉字"黑"则仅能用十六进制表示为"u9ED1"（注意是小写字符"u"），其中字符"u"表示是双字节字符，根据这个原理例子代码则可以表示为：八进制转义字符串如下:以下是代码片段：<SCRIPT LANGUAGE="JavaScript">eval("1411541451621645042u9ED1u5BA2u9632u7EBF425173")</SCRIPT>十六进制转义字符串如下:以下是代码片段：<SCRIPT LANGUAGE="JavaScript">eval("x61x6Cx65x72x74x28x22u9ED1u5BA2u9632u7EBFx22x29x3B")</SCRIPT>这次没有了解码函数，因为JavaScript执行时会自行转换，同样解码也是很简单如下：以下是代码片段：<SCRIPT LANGUAGE="JavaScript">alert("x61x6Cx65x72x74x28x22u9ED1u5BA2u9632u7EBFx22x29x3B")</SCRIPT>就会弹出对话框告诉你解密后的结果！三：使用Microsoft出品的脚本编码器Script Encoder来进行编码工具的使用就不多介绍啦！我是直接使用JavaScript调用控件Scripting.Encoder完成的编码！代码如下：以下是代码片段：<SCRIPT LANGUAGE="JavaScript">var Senc=new ActiveXObject("Scripting.Encoder");var code='<SCRIPT LANGUAGE="JavaScript">rnalert("黑客防线");rn</SCRIPT>';var Encode=Senc.EncodeScriptFile(".htm",code,0,"");alert(Encode);</SCRIPT>编码后的结果如下：以下是代码片段：<SCRIPT LANGUAGE="JScript.Encode">#@~^FgAAAA==@#@&ls DD`J黑客防线r#p@#@&FgMAAA==^#~@</SCRIPT>够难看懂得吧？但相应的解密工具早已出来，而且连解密网页都有！因为其解密网页代码过多，我就不多说拉！给大家介绍一下我独创的解密代码，如下：以下是代码片段：<SCRIPT LANGUAGE="JScript.Encode">function decode()alert(decode.toString());</SCRIPT>咋样？够简单吧？它是原理是：编码后的代码运行前IE会先对其进行解码，如果我们先把加密的代码放入一个自定义函数如上面的decode()中，然后对自定义函数decode调用toString()方法，得到的将是解码后的代码！如果你觉得这样编码得到的代码LANGUAGE属性是JScript.Encode，很容易让人识破，那么还有一个几乎不为人知的window对象的方法execScript()，其原形为：window.execScript( sExpression, sLanguage )参数：sExpression:必选项。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
html教程-22个HTML5的初级技巧Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。
因此，为了应对即将到来的HTML5，本文总结了22个HTML5的初级技巧，希望能对你进一步学习好HTML5会有所帮助。
1. 新的Doctype声明XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">HTML5的Doctype声明很短，看到这个声明相信你马上就能记住，不用浪费脑细胞去记那长的有点变态的XHTML的Doctype声明了。
<!DOCTYPE html>HTML5的简短的DOCTYPE声明是让Firefox、Chrome等现代浏览器和IE6/7/8等浏览器都进入(准)标准模式，你可能会奇怪IE6/7居然也可以支持HTML5 Doctype，事实上，IE是只要doctype符合这种格式，都会进入标准模式。
2. <figure>标签看看下面一段简单的代码：<IMG alt="About image" src="path/to/image"><H6>Image of Mars.</H6>遗憾的是，这里的h6标签和img标签好像没有什么关系，语义不够明确。
HTML5意识到了这一点，于是就采用了<figure>标签。
当<figure>结合<figcaption>标签的使用，可以让h6标签和img标签组合起来，代码就更具语义化了。
<FIGURE><IMG alt="About image" src="path/to/image"><FIGCAPTION><H6>This is an image of something interesting. </H6></FIGCAPTION></FIGURE>3. 重新定义<small>不久前，我使用了<small>标签来创建与logo相关的副标题。
但是在HTML5中重新定义了<small>标签，使之更能表现语义化，在<small>的字号都会变小，想想如果这个标签用于网站的底部的版权信息还是个不错的做法。
4. 去掉了Javascript和CSS标签的type属性通常你会在<link>和<script>加上type属性：<LINK rel=stylesheet type=text/css href="path/to/stylesheet.css"><SCRIPT type=text/javascript src="path/to/script.js"></SCRIPT>在HTML5中，不再需要type属性了，因为这显得有点多余，去掉之后可以让代码更为简洁。
<LINK href="path/to/stylesheet.css"><SCRIPT src="path/to/script.js"></SCRIPT>5. 是否使用双引号这有点让人纠结，HTML5并不是XTHML，你可以省去标签中的双引号。
相信大多数同志也包括我都习惯了加上双引号，因为这让代码看起来会更标准。
不过，这可以根据你的个人喜好来确定是到底要不要双引号。
<H6 id=someId class=myClass> Start the reactor.6. 使网页内容可以编辑7. 电子邮件输入框HMTL5中新增了一个输入框的电子邮件属性，可以检测输入的内容是否符合电子邮件的书写格式，功能越来越强大了吧，在HTML5之前只能依靠JS来检测。
虽然内置的表单验证功能很快就会成为现实，但这个属性很多浏览器都还不支持，只会当作普通的文本输入框来处理。
<FORM method=get><LABEL for=email>Email:</LABEL><INPUT id=email type=email name=email><BUTTON type=submit> Submit Form </BUTTON></FORM>到目前为止，包括现代浏览器在内都不支持该属性，所以这个属性暂时还是靠不住的。
8. 占位符文本框中的占位符(看看本博的搜索框效果)有利于提升用户体验，之前，我们只能依靠JS 来实现占位符的效果，在HTML5中新增了占位符属性placeholder。
<INPUT type=email name=email placeholder="doug@">同样，目前的主流现代浏览器对该属性的支持不大好，暂时只有Chrome和Safari支持该属性，Firefox和Opera不支持该属性。
9. 本地存储HTML5的本地存储功能，可以让现代浏览器“记住”我们输入的，就算浏览器关闭和刷新也不会受影响。
虽然这个功能有些浏览器不支持，但是IE8, Safari 4, 还有Firefox 3.5还是支持这个功能的，你可以测试下。
10. 更有语义的header和footer下面的代码在HTML5中将不复存在<DIV id=header>...</DIV><DIV id=footer>...</DIV>通常我们都会给header和footer定义一个div，然后再添加一个id，但是在HTML5中可以直接使用<header>和<footer>标签，所以可以将上面的代码改写成：<HEADER>...</HEADER><FOOTER>...</FOOTER>要注意不要将这两个标签和网站的头部和页脚混淆起来，它们只是代表它们的容器。
11. IE对HTML5的支持IE浏览器目前对HTML5的支持并不好，也是阻碍HTML5的更快普及的一大绊脚石，不过，IE9对HTML5的支持度还是很不错的。
IE把HTML5新增的标签都解析成内联元素，而实际上它们是块级元素，所以有必要为它们定义一个样式：header, footer, article, section, nav, menu, hgroup {display: block;}尽管如此，IE还是不能解析这些新增的HTML5标签，这个时候就需要借助Javascript来解决这个问题：document.createElement("article");document.createElement("footer");document.createElement("header");document.createElement("hgroup");document.createElement("nav");document.createElement("menu");你可以借助这一段Javascript代码来修复IE更好的解析HTML5<SCRIPT mce_src="/svn/trunk/html5.js"></SCRIPT>12. 标题群( hgroup)这个类似于第二点技巧。
如果用h1和h2标签分别表示网站的名称和副标题，但这会让两个本义上密切相关的标题并没有关联起来。
这个时候可以使用<hgroup>标签将它们组合起来，这样代码会更有语义。
<HEADER><HGROUP><H1> Recall Fan Page </H1><H2> Only for people who want the memory of a lifetime. </H2></HGROUP></HEADER>13. 必填项属性前端人员肯定做过不少表单验证的项目，其中很重要的一点就是有些输入框的内容是必须填写的，这里就需要使用Javascript来检查。
在HTML5中，新增了一个“必须填写”的属性：required。
required属性有两种使用方法，第二种方法显得更有结构性，而第一种更简洁。
<input type="text" name="someInput" required><input type="text" name="someInput" required="required">有了这个属性，使表单的提交验证变得更简单了，看看下面简单的例子：<FORM method=post><LABEL for=someInput> Your Name: </LABEL><INPUT id=someInput type=text name=someInput placeholder="Douglas Quaid" required="required"><BUTTON type=submit>Go</BUTTON></FORM>如果输入框为空，表单将无法提交成功。
14. 自动获取焦点同样的，HTML5也不再需要Javascript来解决输入框的自动获取焦点，如果某个输入框应当被选择或是获取到输入焦点，HTML5新增了自动获取焦点属性autofocus：<INPUT type=text name=someInput placeholder="Douglas Quaid" required="required" autofocus="autofocus">autofocus也同样可以写成”autofocus=autofocus”，这样看起来标准些，这个根据自己的个人喜好而定。