请选择 进入手机版 | 继续访问电脑版
热门搜索: 小说 摆渡人 精彩

HTML5 表单:我们工具箱中的可靠工具

[复制链接]
发表于 2024-2-12 12:50:25 | 显示全部楼层 |阅读模式
38 0
以下是我们的书《HTML5 & CSS3 for the Real World, 2nd Edition》的摘录,该书由 Alexis Goldstein、Louis Lazaris 和 Estelle Weyl 撰写。副本在世界各地的商店出售,或者您可以在此处购买电子书形式。 我们已经对页面的大部分内容进行了编码,现在您几乎已经了解了有关新 HTML5 元素及其语义的所有知识。但在我们开始设计网站的外观之前(我们将在第 7 章中进行此操作),我们将快速离开HTML5 Herald的首页,看看注册页面。这将说明 HTML5 在 Web 表单方面必须提供的功能。 HTML5 Web 表单引入了新的表单元素、输入类型、属性、本机验证和其他表单功能。其中许多功能我们多年来一直在界面中使用:表单验证、组合框、占位符文本等。不同的是,之前我们必须借助 JavaScript 来创建这些行为;现在它们可以直接在浏览器中使用。

您需要做的就是在标记中包含属性以使它们可用。 HTML5 不仅使开发人员更容易标记表单,而且对用户也更有利。通过浏览器本地处理客户端验证,不同站点之间的一致性将会更高,并且许多页面将加载得更快,而无需所有多余的 JavaScript。 让我们深入了解吧! Learn to Code with JavaScript 我们 埃及 WhatsApp 号码列表 工具箱中的可靠工具 表单通常是开发人员在其页面中最后包含的内容 - 许多开发人员发现表单非常无聊。好消息是 HTML5 为编码表单注入了更多乐趣。在本章结束时,我们希望您能够在标记中适当地使用表单元素。 让我们从简单的老式 HTML 开始我们的注册表单此示例注册表单使用自 HTML 最早版本以来就可用的表单元素。此表单通过label和元素向用户提供关于每个字段中期望的数据类型的线索p,因此即使使用 Netscape(开玩笑!)的用户也可以理解该表单。



它有效,但肯定可以改进。 在本章中,我们将增强此表单以包含 HTML5 表单功能。 HTML5 提供了特定于电子邮件地址、URL、数字、日期等的新输入类型。除此之外,HTML5 还引入了可与新的和现有的输入类型一起使用的属性。这些允许您提供占位符文本、根据需要标记字段以及声明可接受的数据类型 - 所有这些都无需 JavaScript。 我们将在本章后面介绍所有新添加的输入类型。在此之前,我们先来看看 HTML5 提供的新表单属性。 分享此文章 埃斯特尔·韦尔 埃斯特尔·韦尔 Estelle Weyl 是一位来自旧金山的前端工程师,自 1999 年以来一直致力于开发基于标准的无障碍网站。她还撰写了两个拥有数百万访问者的技术博客。她热衷于教授 Web 开发,因此您会发现她在美国各地的会议上谈论 CSS3、HTML5、JavaScript 和移动 Web 开发。

回复

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝0

帖子1

发新帖子

精彩资讯

阅读排行

优秀作品