【HTML+CSS学习之基础知识】表单标签及用法

表单
文本输入框、密码输入框：

<form methd="post/get" action="文件名">
    <input type="text/password" name="名称" value="文本">
<form>
//当type="text"，输入框为文本输入 type="password"，输入框为密码输入框 name为文本框命名，以备后台程序asp、php使用 value为文本框输入的默认值（一般起提示作用）

文本输入域：

<textarea rows="行数" cols="列数">
文本
</textarea>

单项/多项选择框：

<input type="radio/checkbox" value="值" name="名称" checked="checked"/>

1、type:
   当 type="radio" 时，控件为单选框
   当 type="checkbox" 时，控件为复选框
2、value：提交数据到服务器的值（后台程序PHP使用）
3、name：为控件命名，以备后台程序 ASP、PHP 使用
4、checked：当设置 checked="checked" 时，该选项被默认选中

下拉列表框：

<select>
    <option value="提交值" selected="selected">选项</option>
</select>

//value为向服务器提交的值 选项为显示的值 selected="selected"设置后默认选中
//下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 windows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击）
//<select multiple="multiple">

提交按钮：//提交表单信息到服务器

<input type="submit" value="按钮上显示的文字" name="后端调用名">

重置按钮：//恢复初始状态

<input tyoe="reset" value="按钮上显示的文字" name="后端调用名">

<label for="控件id名称">：for属性中的值要与空间id相同

//它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。