现在以HBuilder工具编写为例：
1. 打开此工具，在项目管理器中右键单击创建一个web 项目
2.右键单击项目名称，新建一个HTML文件----form01.html
<!DOCTYPE html>
<!--
作者：offline
时间：2017-01-06
描述：form表单
在form标签中，有两个经常使用的属性
action：表单提交服务器地址
method: 表单提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get（默认的提交方式）
1.请求的参数放到地址栏中
2.不安全
3.存在缓存
4.传输数据的大小收到限制
提交方式----post
1.请求的参数放到http协议中
2.相对安全---账号密码等信息不会放到地址栏中
3.没有缓存
4.传输数据的大小限制较小
修改成post之后，可能会出现错误信息。
input标签：定义输入字段，用户可在其中输入数据。
属性：
type 指示 input标签的类型，默认的是text
按钮类型： 普通按钮 button 重置按钮 Reset 提交按钮 submit
value 定义要显示的文本。
-->
<html>
<head>
<meta charset="utf-8">
<title>form表单1</title>
</head>
<body>
<form action="" method="post">
<input type="text" name="username" value="zhangsan" />
<input type="submit" value="提交" />
</form>
</body>
</html>
3.查看此网页是不是HTML5，主要看表头
4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式
HTML5
正在迅速改变创建和管理网站的方式。HTML5
在不同的领域让网页设计更强大的。快、安全、响应式、互动和美丽，这些优点吸引更多的
Web
开发人员使用
HTML5
开发各种网站和应用程序。
本文收集的20款优秀的
HTML5
Web
应用程序，值得添加到您的
HTML5
的工具箱中，他们能够帮助你开发前端项目更快、更容易。
Initializr
Initializr
是一个可以让你创建
HTML5
模板的网站，可以创建样板
HTML5
模板，响应式的
HTML5
模板或
Bootstrap
HTML5
模板。
HTML5
Demos
这里集合了一些基于
HTML5
的优秀的实验演示，最初只有5个演示，后来逐渐扩充。
HTML5
Test
想知道桌面或移动
Web
浏览器符合最新的
HTML5
标准吗?这个网站可以帮助测试出分数和评级。
HTML5
Canvas
Cheat
Sheet
如果你不能记住所有
Canvas
的命令和选项，那么这个小抄是绝对适合你。可作为一个图形或
免费下载。
Lime
JS
LimeJS
是一个
HTML5
游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。
HTML5
Reset
HTML5
Reset
是一组文件，包括
HTML、CSS
等，用于在开始新项目的时候帮助你节省时间，提供
HTML5
的空白WordPress模板。
SpriteBox
Spritebox
是一个所见即所得的工具，帮助
Web
设计者迅速而轻松地从一张精灵图片(CSS
Sprit
Image)创建CSS类和ID选择符样式。
LimeWeave
LimeWeave是一个
HTML5
编辑器，它可以告诉你什么的
HTML5，CSS
和
JavaScript
特效的样子。
99
Lime
如果你想节省时间，使用
HTML5，CSS
和
jQuery
创建一些新的元素，布局和代码，那么99
Lime
真的可以帮助你。
On/Off
FlipSwitch
如果你曾经想创建一个漂亮的on/off开关，那么这个网站可以帮助你。您可以自定义图形开关，不同的着色，大小和风格。
CanvasLoader
Creator
这个免费的在线工具可以帮助设计师和程序员为他们的
HTML5
项目生成基于
Canvas
的
Loading
效果。
Create
–
Make
Anything
Editable
Create
是一款可以在
CMS
中使用的编辑器。借助
HTML5
特性，可以把页面上的内容变成可编辑区域。
Online
3D
Sketch
Toy
这个绘图工具对于孩子而很好玩，而不只是给网站设计师用!还可以把您的小创作分享到
上。
HTML5有contenteditable的全局属性，例如： <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p> 其中各属性赋值：true 规定可以编辑元素内容。
false 规定无法编辑元素内容。
classname 继承父元素的 contenteditable 属性。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）