初步了解Html5,运用Html5的一些基本控件

原创 2013年12月03日 00:20:05

1.

<header>

</header>

一般用于设置显示的上部分,可以说是头部

<section>
</section>

用于装载网页的内容部分

<footer>

</footer>

页脚,编辑网页的页脚部分

2.控制显示的样式

input[type="email"],input[type="password"]{
            width: 200px;
            height: 30px;
        }
含义为:设置空间的Type的值为“email”和“password”的控件的样式。
eg:
 <input type="email" required placeholder="亲,请输入email">


3.对email输入框的检验

<input type="email" required placeholder="亲,请输入email">

其中的required属性对控件中输入的内容进行检测,查看输入的内容是否符合定义的type="email"的邮箱格式,placeholder属性让控件中显示提示信息。

效果图:

输入密码的控件


<input type="password" required placeholder="亲,请输入password">

输入日期的控件


<input type="date" required placeholder="亲,请选择日期">

下拉选项框的控件


<input type="text" required placeholder="请选择角色" list="datelist">
            <datalist  id="datelist">
                <option value="学生"> 学生</option>
                <option value="老师">老师</option>
                <option value="教授">教授</option>
            </datalist>

效果图:




【基础html5 基础知识点】(全)

新增的结构标签 section元素  表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。例:HTML5中……;HTML4中 ……...
  • kongjiea
  • kongjiea
  • 2014年08月16日 15:33
  • 12698

HTML5基本元素的使用。

HTML5常用的一些标签
  • gfd54gd5f46
  • gfd54gd5f46
  • 2017年01月15日 15:53
  • 277

HTML5基本书写格式:

  • China_Guanq
  • China_Guanq
  • 2016年08月16日 13:23
  • 6668

HTML5初步了解

HTML5初步了解HTML发展史HTML没有1.0,因为关于它的初版存在争议,1995年HTML 2.0面世,1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准,后面W3C(...
  • CSDNywz
  • CSDNywz
  • 2017年07月24日 17:17
  • 247

html5 基本语法详解

HTML头部标记 标记 描述 HTML5标准 定义页面中所有链接的基准URL   设定显示在浏览器左上方的标题内容   表明该文档是一个...
  • mazegong
  • mazegong
  • 2016年05月03日 09:28
  • 506

HTML5表单控件与表单属性

" method="post" id="registerForm"> 用户名 输入密码 确认密码 ...
  • qq_33729889
  • qq_33729889
  • 2017年02月17日 13:58
  • 453

HTML5基础之代码入门

之前一直在修改现成的项目,学习的内容也是现学现用,没有很系统的学习,这次决定发一些时间,系统的学习,以便充实自己的前端知识,也想提升自己的前端技术。   今天总结的是HTML5基础的第一部分代码入门,...
  • u010297791
  • u010297791
  • 2016年11月12日 15:24
  • 2251

HTML5:简介和文档基本结构

HTML(Hypertext Markup Language,超文本标记语言)诞生于20世纪90年代初,用于指定构建网页的元素,这些元素中的大多数都用于描述网页内容,如标题、段落、列表、指向其他网页的...
  • liuy_98_1001
  • liuy_98_1001
  • 2015年12月26日 11:13
  • 4149

HTML5基本网页结构以及标签的改变

HTML5基本网页结构以及标签的改变
  • z983002710
  • z983002710
  • 2017年07月29日 11:07
  • 582

【初探HTML5之使用新标签布局】用html5布局我的博客页!

导航  【初探HTML5之使用新标签布局】用html5布局我的博客页! 【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放 【HTML5初探之绘制图像(上)】看我canvas元...
  • w549265480
  • w549265480
  • 2013年06月24日 11:00
  • 1034
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:初步了解Html5,运用Html5的一些基本控件
举报原因:
原因补充:

(最多只允许输入30个字)