【网页设计与网站开发HTML、CSS、JavaScript实例教程】【第七章】表单——【传智播客】实验作业题【实验1--传智播客学员档案】

实验1、

1）新建html5页面，文件名为“test1.html”，利用HTML表单控件和CSS样式，完成如下图所示的HTML文档。【背景图片大小1024*863；div可以设置为1024*900】

2）结构分析

提示：1、提示性文本通过设置placeholder实现；边距的控制可以通过padding和margin控制。2、有关第一行“本人真实姓名”和“请填写实际年龄”的背景设定，参考例7-10中的.num等设定。3、p的背景色白色，边距等自行定义；

  

    真实姓名：
    
  

---

注：

图片文件需保存到根目录下网页运行效果以Microsoft Edge为准，其他浏览器可能显示会出问题。

代码如下：

---

实验效果如下：