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

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>

效果图:




阅读更多
个人分类: Html css3 js
想对作者说点什么? 我来说一句

HTML5与CSS3基础教程PPT

2013年05月03日 1.01MB 下载

html5 的入门资料

2011年03月09日 10.03MB 下载

没有更多推荐了,返回首页

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭