文章目录
十.表单
- 表单的控件
7. 浮动框架(不属于表单的内容)
在一个html文件中,引入其他的html文件
<iframe></iframe>
属性:①src
,要被引入的html文件的路径;②width/height
,框架的宽高;③frameborder="0"
去除框架的边框;④scrolling="no"
去除滚动条 - H5新表单元素
- 邮箱
<input type="email" name="email">
表单提交时,对邮箱格式做了简单的验证(验证有没有@
,并且@
前后有没有内容) - 搜索类型
<input type="search" name="search">
控件提供了一个快速删除的小叉叉 - 网址类型
<input type="url" name="url">
验证输入的内容,是不是以http:/https:
开头 - 电话号码类型
<input type="tel" name="tel">
移动端弹出虚拟键盘 - 数字类型
<input type="number" name="number">
属性:①max="20"
,设置可以提交的最大值;②min="10"
,设置可以提交的最小值;③step="2"
,设置步长(每次增加或减少2) - 范围类型
<input type="range" name="range">
提供了一个数字滑块,但是看不到数字
属性:①max="20"
,设置可以提交的最大值;②min="10"
,设置可以提交的最小值;③step="2"
,设置步长(每次增加或减少2) - 颜色类型
<input type="color" name="color">
创建一个允许用户使用颜色选择器 - 日期类型
<input type="date" name="date">
- 月份类型
<input type="month" name="month">
- 周类型
<input type="week" name="week">
- 邮箱