这章中,将使用一个表单内的各种元素来开发一个简单网站的用户意见反馈页面。
反馈表单非常简单,通常包含三个部分,需要在页面上方给出标题,标题下方是正文部分,即表单元素,最下方是表单元素提交按钮。在设计这个页面时,需要把“用户注册”标题设置成H1大小,正文使用p来限制表单元素。
具体操作步骤如下。
(1)构建HTML页面
构建HTML页面,实现表单内容,在<body>标签中加入以下代码,代码如下。
(2)在浏览器中浏览效果
在浏览器中浏览效果如图所示,可以看到创建了一个用户反馈表单,包含一个标题“用户注册”、“姓名”、“性别”、“年龄”、“联系电话”、“电子邮件”、“联系地址”、“意见反馈” 等输入框和“提交”按钮等。
举一反三
通过表单的学习,可以实现各种简单表单的设计、制作。参考所学知识,完成下图所示表单的设计。