关闭

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

529人阅读 评论(0) 收藏 举报
分类:

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>

效果图:




0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:11538次
    • 积分:232
    • 等级:
    • 排名:千里之外
    • 原创:9篇
    • 转载:12篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论