网页设计：HTML表单标签

例：

性别：男 女

复选框

类型为checkbox时，用于定义复选按钮，复选框允许用户在一定数目的选择中选取一个或多个选项。

例：

兴趣爱好：篮球 足球 游泳 跑步

文件上传

类型为file时，默认为单文件上传。

multiple="multiple" 设置为多文件上传。

例：

隐藏字段

隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值，它们的值也可以由 JavaScript 进行修改。

例：

下拉列表

<select> 元素定义下拉列表;

<option>元素定义待选择的选项;

列表通常会把首个选项显示为被选选项，通过添加 selected 属性来定义预定义选项。

例：

选择您喜欢的水果： 苹果 香蕉 榴莲

单选按钮、复选框默认选中用：checked属性。

下拉列表使用：selected属性。

使用size属性设置下拉列表展开，使用multiple属性设置多选。

重庆 武汉 北京 上海

文本域

<textarea> 元素定义多行输入字段（文本域）

cols：规定文本区内的可见宽度。

rows：规定文本区内的可见行数。

文本域可以添加placeholder属性，用于设置输入字段预期值的提示信息。

<label> 标签

label是input的描述，它本身不会有特殊效果，但它和其它input标签使用可以提升用户的使用体验，用户不用非得点击到按钮，而是点击文字即可选中，如“记住密码”。

通过label的for指向按钮的id来绑定，for和id属性的值要相同。

请输入用户名: 性别： 男： 女：

3，表单按钮

重置按钮

重置按钮会清除表单中的所有数据。

value="重置"设置重置按钮上显示的文字。

用户名： 性别：男 女

提交按钮

type=“submit” 定义提交按钮。提交按钮用于向服务器发送表单数据，数据会发送到表单的 action 属性中指定的页面。

value="提交"设置提交按钮上显示的文字。

用户名： 性别：男 女

普通按钮

button类型的只是一个普通的按钮，而submit有一个提交的作用，在没有加js代码的情况下，button只是个装饰。

提交按钮

image类型的input也是具有一个提交的作用，不同的是可以指定一幅图片来作为按钮，不提倡使用image，因为它有时候会提交两次。

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

HTML 和 CSS：