AI 助理
备案控制台
开发者社区 华章出版社 文章 正文

《HTML 5+CSS 3入门经典》——第3章　你很重要——HTML 5 中的表单

2017-08-01 1019
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 本节书摘来自华章计算机《HTML 5+CSS 3入门经典》一书中的第3章，作者：管媛辉　潘凯华著， 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

第3章　你很重要——HTML 5 中的表单

在开发Web 应用程序的过程中，表单是页面上非常重要的内容。用户可以输入的大部分内容都是在表单的元素中完成的，它与后台的交互在大多数情况下也是通过点击表单中的按钮来完成的。HTML 5 中大大加强了关于表单这一部分的功能。本章将详细介绍HTML 5 中新增的表单元素、属性，以及对表单元素内容的有效性进行验证的功能。通过学习本章，读者可以达到以下学习目的：

掌握HTML 5 中新增的表单元素可以使用的属性及它们的使用方法；

掌握HTML 5 中新增的表单元素及它们的使用方法；

掌握HTML 5 中新增的关于表单内元素内容的有效性的验证方法；

掌握HTML 5 中除了表单以外，在页面上新增及改良的元素以及它们的使用方法。

文章标签：
前端开发
Web App开发
HTML5
移动开发
关键词：
HTML CSS
HTML表单
HTML html
CSS表单
CSS html
华章计算机
目录
相关文章
进步`于辰
|
2天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]细节与使用经验
本文总结了前端开发中的一些重要细节和技巧，包括CSS选择器、定位、层级、全局属性、滚轮控制、轮播等。作者以纯文字形式记录，便于读者使用<kbd>Ctrl + F</kbd>快速查找相关内容。文章还提供了示例代码，帮助读者更好地理解和应用这些知识点。
进步`于辰
14 1
[HTML、CSS]细节与使用经验
进步`于辰
|
3天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签（如video、input、canvas）、datalist和details标签的使用方法，以及CSS布局技巧（如margin、overflow: hidden和动态height）。文章旨在分享作者的学习经验和实用技巧。
进步`于辰
13 1
[HTML、CSS]知识点
疯狂的猿
|
6天前
|
定位技术
时尚的联系我们表单HTML模板(源码)
一款时尚的联系我们表单Html模板，带地图和所在位置，输入基本信息和信息发送，看起来很漂亮的联系我们页面。
疯狂的猿
16 1
时尚的联系我们表单HTML模板(源码)
游客44yag4ft7nckq
|
4天前
|
移动开发 UED HTML5
HTML 表单和输入7
HTML 表单标签包括 `&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;label&gt;`、`&lt;fieldset&gt;`、`&lt;legend&gt;`、`&lt;select&gt;`、`&lt;optgroup&gt;`、`&lt;option&gt;` 和 `&lt;button&gt;` 等，用于创建用户输入界面。HTML5 新增了 `&lt;datalist&gt;`、`&lt;keygen&gt;` 和 `&lt;output&gt;` 标签，增强了表单的功能和用户体验。
游客44yag4ft7nckq
34 15
游客44yag4ft7nckq
|
4天前
HTML 表单和输入6
提交按钮 `&lt;input type=&quot;submit&quot;&gt;` 用于将表单数据发送到服务器。表单的 `action` 属性指定接收数据的服务器文件，而 `method` 属性定义了提交方式（`get` 或 `post`）。`get` 方法将数据附加在 URL 后，适用于非敏感信息；`post` 方法将数据包含在请求体中，适用于敏感数据。示例展示了如何使用这两种方法提交表单。
游客44yag4ft7nckq
26 15
游客44yag4ft7nckq
|
5天前
HTML 表单和输入5
复选框（Checkboxes）由 `&lt;input type=&quot;checkbox&quot;&gt;` 定义，允许用户选择一个或多个选项。
游客44yag4ft7nckq
15 4
游客44yag4ft7nckq
|
5天前
HTML 表单和输入2
HTML 表单是用于收集用户输入的区域，包含各种表单元素如文本域、下拉列表、单选框和复选框等。使用 `&lt;form&gt;` 标签创建表单，其中包含多个 `&lt;input&gt;` 元素来定义不同的输入类型。
游客44yag4ft7nckq
13 4
游客44yag4ft7nckq
|
5天前
HTML 表单和输入3
HTML 表单中的 `&lt;input&gt;` 标签是最常用的表单元素，其类型由 `type` 属性定义。常见的输入类型包括文本域（`&lt;input type=&quot;text&quot;&gt;`），用于用户在表单中输入字母和数字。
游客44yag4ft7nckq
12 3
游客44yag4ft7nckq
|
5天前
|
数据安全/隐私保护
HTML 表单和输入4
密码字段使用 `&lt;input type=&quot;password&quot;&gt;` 定义，输入的字符会被隐藏为星号或圆点。单选按钮使用 `&lt;input type=&quot;radio&quot;&gt;` 定义，用户只能选择一个选项。
游客44yag4ft7nckq
12 2
疯狂的猿
|
10天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码，带歌词显示。包括支持单曲循环，歌词显示，歌曲搜索，音量控制，列表循环等功能。利用json获取音乐歌单和歌词，基于html5 audio属性手机音乐播放器代码。
疯狂的猿
53 6