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

来源：互联网发布：电梯优化问题编辑：程序博客网时间：2024/06/07 20:00

<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>

效果图：