表单是用来获取用户输入的一些数据，最常见的就是注册，登录之类的；
首先，打开IDEA软件，并新建一个工程，建好后，右键创建一个html5文件，完成后便完成了最开始的工作；
接着我们先熟悉一些较常用的表单标签：表单<form>， 输入域<input>，文本域<textarea>，按钮<button>，域的标题<legend>，控制标签<label>等。我们创建一个form,如图，输入一些你想要创建的东西（我演示的仅为用户密码）；
打开网页看效果图，便是这样的效果了，拥有了最简单的帐号密码；
同时，我们还可以添加一些选择的元素，如你喜欢什么游戏；
下面是表单代码，你直接再加属性就可以了，表单用 table 写比较简单，div 太麻烦了；<html xmlns=" http://www.dayinmandarin.com ">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>黑板</title>
</head>
<body>
<div style="width:500px">
<h1 style="width:500pxheight:50pxcolor:#2A8DF0border-bottom:#2A8DF0 solid 3pxtext-align:center">用户注册页面</h1>
<table cellpadding="0" cellspacing="10" style="margin:0 auto">
<tr>
<td align="right" valign="top"><div>用户名：</div></td>
<td><input style='width:250px' value='请输入用户名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>密 码：</div></td>
<td><input style='width:250px' value='请输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>确 认：</div></td>
<td><input style='width:250px' value='请再次输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>姓 名：</div></td>
<td><input style='width:250px' value='请输入真实姓名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>邮 箱：</div></td>
<td><input style='width:250px' value='请输入电子邮箱' /></td>
</tr>
</table>
<div align="center"><input style="width:100pxheight:30pxtext-align:centerline-height:30pxbackground:#2289F0border:#2289F0color:whitefont-weight:boldfont-size:16px" type="submit" value="提交注册" /></div>
</div>
</body>
</html>
HTML5与HTML4区别如下：
1、语法简化
HTML、XHTML的DOCTYPE、html、meta、script等标签，在HTML5中有大幅度的简化。
2、统一网页内嵌多媒体语法
以前，在网页中播放多媒体时，需要使用ActiveX或Plug-in的方式来完成。有了HTML5之后，使用<video>或<audio>标签播放视频和音频，不需要在安装其他的什么来播放了。
3、新增了语义标签
为了增加网页的可读性，HTML5增加了<header>、<footer>、<section>、<article>、<nav>、<hgroup>、<aside>、<figure>语义标签。
4、HTML5废除了一些旧标签
废除的大部分是网页美化方面的标签，例如：<big>、<u>、<font>、<basefont>、<center>、<s>、<tt>。对<frame>框架，不能使用。
5、全新的表单设计
表单是网页设计者最常用的功能，HTML5对表单做了很大的更改，不但新增了几项新的标签，对原来的<form>标签也增加了许多属性。
6、新增了<canvas>标签，可以绘制图形
HTML5新增了具有绘图功能的<canvas>
扩展资料HTML5新特征
1、表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式，再加上新增加的一些表单标签，使得原本需要JavaScript来实现的控件，可以直接使用HTML5的表单来实现。
2、HTML5较之传统的数据存储有自已的存储方式，允许在客户端实现较大规模的数据存储。为了满足不同的需求，HTML5支持DOM Storage和Web SQL Database 两种存储机制。
其中，DOM Storage 适用于具有key/value对的基本本地存储；而WebSQLDatabase是适用于关系型数据库的存储方式，开发者可以使用SQL语法对这些数据进行查询、插入等 *** 作。
3、HTML5最大特色之一就是支持音频视频，在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌入这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。
HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖，加快了页面的加载速度，扩展了互联网多媒体技术的发展空间。
参考资料来源：百度百科—html5
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）