html表单布局及CSS样式.doc

HTML（二） 一、HTML中的特殊符号 ? ? ?1.常用的特殊符号： ? ? ? ? ?特殊符号 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?字符实体 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 示例 ? ? ? ? ? 空格 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?nbsp; ? ? ? ? ? ? ? ? ? ? ? ?Anbsp;nbsp;nbsp;nbsp;B?????????? ? ? ? ? ? 大于号 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?gt; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?a lt;bbr/ ? ? ? ? ?小于号 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? lt; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? lt;htmlgt;br/ ? ? ? ? ?引号 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?quot; ? ? ? ? ? ? ? ? ? ? ? ? ?quot姓名quotbr/??? ? ? ? ? ?版权符号 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? copy; ? ? ? ? ? ? ? ? ? ? ? ? ?Copyrightcopy; All Reserved ? ? ?2.表单（?标签form） ? ??2.1、表单的基本语法： ? ? ? ? ? ? ? ? form 属性action=表单提交地址 ?method=提交的方法 ? ? ? ? ? ? ? ? ? action：规定到表单提交之后，由谁处理，默认为当前页面 ? ? ? ? ? ? ? ? method：有两种取值get和post（更安全，数据量更大） ? ? ? ? ? ? ? ? 表单内部由大量表单元素构成 ? ? ?2.2、表单元素的基本格式 ? ? ? ? ? ? ? ?input name=表单元素的名称 type=类型 value=值 size=显示的宽度 ? ? ? ? ?maxlength=最大输入字符长度 checked=checked(是否被选中) / ? ? ?? ? ? ?2.3、表单元素的逐一介绍 ? ? ? ? ? ? 1、文本框（type:txt） ? ? ? ? ? ? ? ? ? ?input name=username type=txt value=张三 size=20 / ? ? ? ? ? ? 2、密码框 ? ? ? ? ? ? ? ? ? ??input name=psswd type=password size=20 ? ? ? ? ? ? 3、重置、提交和普通按钮 ? ? ? ? ? ? ? ? ? ? ? ??input name=reset ? type=reset ? ?value=重置 / input name=submit type=reset ? value=提交 / input name=button type=reset ? value=普通 / ? ? ? ? ? ? ?4、单选按钮（radio） ? ? ? ? ? ? ? ? ? ? ? ?input type=radio name=gen value=男 checked=checked / ? ? ? ? ? ? ? ? ? ? ? ?img src=images/Male.gif alt=男/男 ? ? ? ? ? ? ? ? ? ? ? ?input type=radio name=gen value=女 ?/ img src=images/Female.gif alt=女/女 ? ? ? ? ? ? ? 5、复选框（check和post） ? ? ? ? ? ? ? ? ? ? ? ? ? ??input type=checkbox name=hobby value=sports /运动nbsp;nbsp;nbsp; ? ?input type=checkbox name=hobby value=swimming /游泳nbsp;nbsp;nbsp; ? ?input type=checkbox name=hobby value=play ?checked=checked/玩游戏?????????????????? ? ? ? ? ? ? ? ?6、文件域（上传文件） ? ? ? ? ? ? ? ? ? ? ? ?input type=file name=files /br/