HTML入门笔记27-HTML一个简单的表单设计

       这篇在前面一篇文章基础上,在表单页面增加了一部分功能,有复选框和文本框,还有文件选择和提交按钮。为了尽可能的模拟,我们平时在网页上注册的场景,我们来设计一个如下图的页面。

HTML入门笔记27-HTML一个简单的表单设计_第1张图片

项目HTML内容如下。

  
      
  
      
      
          
            HTML 表单1
          
              
      
      
		

请填写您的个人信息

姓名:

性别:

出生年份:

设置您的账户名:

设置您的密码:

您的人生理想或目标是什么?


哪个方式可以联系到您? 电话 电子邮件

上传您的最近个人照片:

运行,一下,看看这些不同网页元素能不能点击和输入和选择。例如,年份选择,密码输入是不是显示暗文,点击图片上传,是否能打开本地文件上传对话框等。

你可能感兴趣的:(HTML入门系列)