APP开发关于使用HTML制作移动端特性详解_博纳网络深圳网站建设公司

当前位置：

发布时间：2019-06-25

文章编辑：网站建设文章来源：APP开发浏览量：次

APP开发关于使用HTML制作移动端特性详解，深圳APP开发公司首先与各位探讨移动表单移动表单，表单一直以来都是HTML中非常重要的部分，主要用于采集和提交用户输入的信息。在HTML5出现之前，开发者需要通过大量的JavaScript代码进行表单的验证和效果模拟，在开发和维护上都需要耗费大量的精力。
HTML5出现之后，提供了全新的表单类型和属性，甚至不需要借助JavaScript就能实现与之相同的功能。本章的示例从现实的表单使用场景出发，让读者可以充分了解到如何让表单元素新类型与新属性同JavaScript完美结合，同时还能了解如何解决低版本浏览器的兼容方案。
HTML移动端制作丰富的表单属性
表单中使用最多的莫过于input元素，主要用于填写用户信息，传统的input元素有10种类型，如表2-1所示。表2-1　

传统的input元素类型

HTML5在此基础上做了进一步的加强，添加了另外13种类型，如表2-2所示。

表2-2　HTML5新增input元素类型

为了便于我们在开发制作中观察学习，图2.1呈现了各种input元素新类型在网页中的预览效果。

深圳APP开发公司提示目前不是所有浏览器都支持上述input新类型，我们可以使用Chrome最新版进行浏览。
移动Web表单的input类型

search类型文本使用下面的代码就可以创建一个search类型的<input>标签。<inputtype=”search”/>
当value为空或没有这个属性时placeholder设置的内容才会被显示。<inputtype="search"placeholder="搜索…"autosave="www.w3c.org"result="8">