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>
效果图: