web表格开发
In many respects, forms are the most complex aspect of front-end web development. This section approaches form HTML simply: the forms you create here won't process submitted information (that’s usually the role of a backend process in PHP or another server-side language). Working through this material will allow you to understand the fundamentals of form creation, and prepare you for styling and processing the form in the future.
在许多方面,表单是前端Web开发最复杂的方面。 本节仅介绍表单HTML :您在此处创建的表单将不会处理提交的信息 (通常是PHP或其他服务器端语言中的后端过程的角色)。 通过阅读本材料,您可以了解表单创建的基础知识,并为将来设计和处理表单做好准备。
Goal: Create an accessible form that follows ethical best practices.
目标 :创建遵循道德最佳实践的可访问表单。
Prerequisite: Basic HTML
先决条件 : 基本HTML
Total time (Core Material): 3 hours
总时间 (核心材料):3小时
核心材料 (Core Material)
介绍 (Introduction)
表单输入和元素 (Form Inputs & Elements)
Optional: Read how Canada’s CASL laws will affect web forms. Read how to how add tick marks to the range
slider automatically with JavaScript. Learn how to design forms for 21st century culture.
可选 :阅读加拿大的CASL法律将如何影响网络表单。 了解如何使用JavaScript自动将刻度线添加到range
滑块 。 了解如何设计为21 世纪的文化形式 。
HTML5 allows for the native, client-side validation of form elements. If you want to learn more about this, read:
HTML5允许对表单元素进行本地的客户端验证。 如果您想了解更多有关此的内容,请阅读:
补充材料 (Supplementary Material)
Watch the Forms material at Treehouse and take the Quiz at the end (total time: 40 minutes). Optionally, take the HTML Mastery Challenge at the end of the section. Note that Nick uses <br>
tags and align
to push form elements around: don’t do this.
在Treehouse上观看Forms资料,然后参加测验(总时间:40分钟)。 (可选)在本节末尾参加HTML精通挑战。 请注意,尼克使用<br>
标记并align
以向周围推送表单元素:请勿这样做。
推荐读物 (Recommended Reading)
Read Chapter 7, Learning Web Design by Jennifer Niederst Robbins.
阅读Jennifer Niederst Robbins撰写的第7章, 学习Web设计 。
完成后 (When You’re Finished)
You now have enough knowledge to complete a basic web form as an exercise.
您现在已经具有足够的知识来完成基本的Web表单练习 。
Forms are perhaps not the most exciting aspects of web development, but they are a necessary one: every piece of feedback you leave on the web is written inside a form.
表单可能不是Web开发中最令人兴奋的方面,但它们是必不可少的方面:您在Web上留下的每一条反馈都写在表单中。
The next section, multimedia, has been changed radically by HTML5.
下一部分, 多媒体 ,已由HTML5进行了根本性的更改。
翻译自: https://thenewcode.com/753/Web-Development-Reading-List-Forms
web表格开发