H5十大新特性(前端面试新手必背)(5)

简介: H5十大新特性(前端面试新手必背)(5)

(6)日期表示


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>日期表示</title>
    <style>
    </style>
</head>
<body>
    <form>
        <input type="date">
        <!--日期选择出来date,还有datatime,datatime-local-->
        <input type="submit">
    </form>
</body>
</html>


效果:


微信图片_20220113171521.png


(7)搜索框


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>搜索框</title>
    <style>
    </style>
</head>
<body>
    <form>
        <input type="search" placeholder="我是输入字段为空时的提示信息">
        <input type="submit">
    </form>
</body>
</html>


微信图片_20220113171541.png


(8)手机号码输入框(pc端没有特别明显的效果,主要用于手机移动端)


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>手机输入框</title>
    <style>
    </style>
</head>
<body>
    <form>
        <input type="tel">
        <input type="submit">
    </form>   
</body>
</html>


微信图片_20220113171602.png


只能输入满足手机号的正则表达式内容

相关文章
|
5月前
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
2月前
|
移动开发 前端开发 JavaScript
前端H5使用canvas画爱心以及笑脸
本文介绍了HTML5中的canvas元素及其基本用法,通过JavaScript在canvas上绘制图形。首先简述了canvas的功能,接着详细展示了如何使用`bezierCurveTo`方法绘制爱心和`arc`方法绘制笑脸,并附有示例代码及效果说明。最后总结了canvas在网页图形绘制上的应用潜力。
71 2
|
2月前
|
缓存 前端开发 JavaScript
"面试通关秘籍:深度解析浏览器面试必考问题,从重绘回流到事件委托,让你一举拿下前端 Offer!"
【10月更文挑战第23天】在前端开发面试中,浏览器相关知识是必考内容。本文总结了四个常见问题:浏览器渲染机制、重绘与回流、性能优化及事件委托。通过具体示例和对比分析,帮助求职者更好地理解和准备面试。掌握这些知识点,有助于提升面试表现和实际工作能力。
78 1
|
4月前
|
Web App开发 前端开发 Linux
「offer来了」浅谈前端面试中开发环境常考知识点
该文章归纳了前端开发环境中常见的面试知识点,特别是围绕Git的使用进行了详细介绍,包括Git的基本概念、常用命令以及在团队协作中的最佳实践,同时还涉及了Chrome调试工具和Linux命令行的基础操作。
「offer来了」浅谈前端面试中开发环境常考知识点
|
5月前
|
存储 JavaScript 前端开发
2022年前端js面试题
2022年前端js面试题
125 57
|
5月前
|
存储 XML 移动开发
前端大厂面试真题
前端大厂面试真题
|
3月前
|
Web App开发 JavaScript 前端开发
前端Node.js面试题
前端Node.js面试题
|
5月前
|
存储 前端开发 JavaScript
44 个 React 前端面试问题
【8月更文挑战第18天】
68 2
|
5月前
|
存储 前端开发 JavaScript
44 个 React 前端面试问题
44 个 React 前端面试问题
|
5月前
|
存储 JavaScript 前端开发

热门文章

最新文章