HTML+CSS实现的简单注册表单

效果总览:

HTML+CSS实现的简单注册表单_第1张图片

具体代码实现



提交用户信息









填写用户信息



请填写您的姓名:






请填写您的密码:






请再次输入密码:






请选择性别:









请输入年龄:






请输入生日:




格式:"yyyy-mm-dd"



请选择您的爱好











请选择省市:






自我描述:



















代码分析


文档类型声明

这段代码叫做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。这里说明你用的是"HTML 4.01"版本,类似的还有: 
 
这里声明本文档使用的是XHTML 1.0版本. 

HTML

HTML
标签

 HTML legend 标签

如果一个页面的表单项太多,我们最好把它们分组显示,就像使用p标签分开段落一样,可以使用fieldsetlegend标签对表单内容分组.

fieldset 标签 -- 对表单进行分组
  • fieldset标签是成对出现的,以
    开始,以
    结束
  • 一个表单可以有多个
    ,每对
    为一组,每组内容的描述可以使用legend标签说明
  • 引用网址:http://www.dreamdu.com/xhtml/tag_fieldset/
  • 属性:
    • Common -- 一般属性


你可能感兴趣的:(CSS+HTML)