html 表单练习 博客_练习：创建一个简单HTML5表单

html 表单练习 博客

在本练习中，您将使用几个新的<input>标记属性和类型创建一个简单的表单。 您创建的是表格的螺母和螺栓，而不是钟声和哨子。 目的是建立一个框架，在该框架上可以开发丰富的Internet应用程序（RIA），同时确保对声音HTML5表单构造的结构和语义基础的理解。

常用缩略语

• CSS3：级联样式表版本3
• GUI：图形用户界面
• HTML5：超文本标记语言版本5
• IT：信息技术

要执行本练习中创建表单所需的任务，您应该：

• 大致了解HTML和表单
• 了解HTML5的语义基础
• 了解新的输入类型和属性

行使

您的任务是设计用于创建图1所示表单的表单元素。

图1.一个简单的表单网页

除了看起来如图1所示的表单外，您的表单还必须包含以下说明中列出的构造。 为表单创建代码时，必须使用适合复制表单并满足列出的所有规范HTML5标签。

1. 使用autocomplete对表单进行编码。
2. 给定图1所示的图像，可以很容易地看到两个字段集用于创建表单的主要结构。 您的任务是创建字段集，包括名称“ 客户信息”和“ 书籍”。 暂时不用担心内容字段。
3. 您创建的“ 名称”字段应具有autofocus ，占位符文本，并且是必填字段。 不要忘记为此字段以及随后的所有字段选择适当的类型。
4. 电话字段应具有占位符文本，限制输入的模式，并且是必填字段。
5. 电子邮件地址字段应包含占位符文本，并允许多个条目。 此字段也应为必填项。
6. 图书字段应具有数据列表。 您可以选择要列出的内容。
7. 数量（最大5）字段的最小值应为1 ，最大值为5 。

运动方案

请按照以下解决方案步骤检查您的工作。

---

翻译自: https://www.ibm.com/developerworks/web/library/wa-create-pr/index.html

html 表单练习 博客