如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
GIF动态图教学-H5语言17-新增功能(实例)
来源：互联网
2023-03-16 19:12:12 版权归原作者所有，如有侵权，请联系我们
工具/原料
- 电脑软件Sublime
方法/步骤
创建网站页面时，经常做表单开发。用户输入的大部分内容都是在form表单中并提交到后台。HTML5中input标记新增很多type属性。
url属性专门用来给用户输入url地址的文本框，如果文本框中内容不是url地址格式的文本，则不允许提交。
email属性，自动验证此文本框是不是电子邮件格式，如果不是则无法提交。
date属性，购买日期、订票时间等都是以date属性的时间以日历形式来方便用户输入。在HTML4中需要结合JavaScript才能实现日历选择日期的效果，在HTML5中，只要设置input为date属性。
time属性，专门输入时间的文本框，并在提交时对输入时间的有效性进行检查。time属性的外观根据不同游览器呈现不同。
datetime属性，专门输入本地日期和时间的文本框，目前主流游览器都不兼容datetime属性。
color类型，弹出拾色器，专门用来输入颜色值。
注意事项
- gif动态图将重复播放。
- 按住Ctrl键 鼠标滚动滑轮可以放大网页更清晰查看gif动态图。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：HTML5自学教程 下一篇：如何使用HTML5实现拖放
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 432 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)