html表单
2016-05-23 10:24
288 查看
表单作用：表单在Web网页中用以让访问者输入数据，当提交表单时，表单中输入的数据被打包传递给Web服务器端的程序以处理，从而使得Web服务器与用户之间具有交互功能
在HTML文档中，< form action=”” method=”“> < /form>标记对用来定义表单的开始和结束。
< form>标记的属性：
action属性:
指定表单数据的提交地址，默认是本地。
method属性：
指定表单数据提交的方式，一般是post。
控件标记：
< input>能够演变为表单中许多不同的控件标记，取决于type属性
单行文本框：< input type=”text” name=”…” size=”…” maxlength=”…” value=”…”/>
type=”text”定义单行文本输入框；
name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义文本框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
value属性定义文本框的初始值
多行文本框：< textarea name=”…” cols=”…” rows=”…” wrap=”virtual”>< /textarea>
name属性定义多行文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
cols属性定义多行文本框的宽度，单位是单个字符宽度；
rows属性定义多行文本框的高度，单位是单个字符宽度；
wrap属性定义输入内容大于文本域时显示的方式。
密码框：< input type=”password” name=”…” size=”…” maxlength=”…”/>
type=”password”定义密码框；
name属性定义密码框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义密码框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
隐藏域：< input type=”hidden” name=”…” value=”…”/>
type=”hidden”定义隐藏域；
name属性定义隐藏域的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
value属性定义隐藏域的值
复选框：< input type=”checkbox” name=”…” value=”…”/>
type=”checkbox”定义复选框；
name属性定义复选框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
value属性定义复选框的值。
单选框：< input type=”radio” name=”…” value=”…”>
type=”radio”定义单选框；
name属性定义单选框的名称，要保证数据的准确采集，单选框都是以组为单位使用的，在同一组中的单选项都必须用同一个名称；
value属性定义单选框的值，在同一组中，它们的域值必须是不同的。
文件上传框：< input type=”file” name=”…” size=”15” maxlength=”100”>
type=”file”定义文件上传框；
name属性定义文件上传框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义文件上传框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
下拉选择框：< select name=”mySel” size=”1”>
< option value=”1” selected>< /option>
< option value=”d2”>< /option>
< /select>
size属性定义下拉选择框的行数；
name属性定义下拉选择框的名称；
multiple属性表示可以多选，如果不设置本属性，那么只能单选；
value属性定义选择项的值；
selected属性表示默认已经选择本选项。
按Ctrl可以多选
提交按钮：< input type=”submit” name=”…” value=”…”>
type=”submit”定义提交按钮；
name属性定义提交按钮的名称；
value属性定义按钮的显示文字；
复位按钮：< input type=”reset” name=”…” value=”…”>
type=”reset”定义复位按钮；
name属性定义复位按钮的名称；
value属性定义按钮的显示文字；
一般按钮：< input type=”button” name=”…” value=”…” onClick=”…”>
type=”button”定义一般按钮；
name属性定义一般按钮的名称；
value属性定义按钮的显示文字；
onClick属性，也可以是其它的事件，通过指定脚本函数来定义按钮的行为；
在HTML文档中，< form action=”” method=”“> < /form>标记对用来定义表单的开始和结束。
< form>标记的属性：
action属性:
指定表单数据的提交地址，默认是本地。
method属性：
指定表单数据提交的方式，一般是post。
控件标记：
< input>能够演变为表单中许多不同的控件标记，取决于type属性
单行文本框：< input type=”text” name=”…” size=”…” maxlength=”…” value=”…”/>
type=”text”定义单行文本输入框；
name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义文本框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
value属性定义文本框的初始值
多行文本框：< textarea name=”…” cols=”…” rows=”…” wrap=”virtual”>< /textarea>
name属性定义多行文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
cols属性定义多行文本框的宽度，单位是单个字符宽度；
rows属性定义多行文本框的高度，单位是单个字符宽度；
wrap属性定义输入内容大于文本域时显示的方式。
密码框：< input type=”password” name=”…” size=”…” maxlength=”…”/>
type=”password”定义密码框；
name属性定义密码框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义密码框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
隐藏域：< input type=”hidden” name=”…” value=”…”/>
type=”hidden”定义隐藏域；
name属性定义隐藏域的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
value属性定义隐藏域的值
复选框：< input type=”checkbox” name=”…” value=”…”/>
type=”checkbox”定义复选框；
name属性定义复选框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
value属性定义复选框的值。
单选框：< input type=”radio” name=”…” value=”…”>
type=”radio”定义单选框；
name属性定义单选框的名称，要保证数据的准确采集，单选框都是以组为单位使用的，在同一组中的单选项都必须用同一个名称；
value属性定义单选框的值，在同一组中，它们的域值必须是不同的。
文件上传框：< input type=”file” name=”…” size=”15” maxlength=”100”>
type=”file”定义文件上传框；
name属性定义文件上传框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；
size属性定义文件上传框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
下拉选择框：< select name=”mySel” size=”1”>
< option value=”1” selected>< /option>
< option value=”d2”>< /option>
< /select>
size属性定义下拉选择框的行数；
name属性定义下拉选择框的名称；
multiple属性表示可以多选，如果不设置本属性，那么只能单选；
value属性定义选择项的值；
selected属性表示默认已经选择本选项。
按Ctrl可以多选
提交按钮：< input type=”submit” name=”…” value=”…”>
type=”submit”定义提交按钮；
name属性定义提交按钮的名称；
value属性定义按钮的显示文字；
复位按钮：< input type=”reset” name=”…” value=”…”>
type=”reset”定义复位按钮；
name属性定义复位按钮的名称；
value属性定义按钮的显示文字；
一般按钮：< input type=”button” name=”…” value=”…” onClick=”…”>
type=”button”定义一般按钮；
name属性定义一般按钮的名称；
value属性定义按钮的显示文字；
onClick属性，也可以是其它的事件，通过指定脚本函数来定义按钮的行为；
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 