XHTML 表单

Posted 2020-08-03

表单

表单用于收集客户端信息，然后提交到服务器

使用表单

<form name="" action="" method=""></form>

属性说明

-name，表单名称

-action，定义表单被提交时发生的动作，通常包含服务器脚本的URL地址

-method，设置表单的提交方式，取值为get或者post

-enctype，设置表单的编码方式

表单控件

单行文本框

<input type="text" />

属性说明

-name，设置文本框的名称

-size，设置显示的字符数量

-maxlength，设置最大容纳的字符数量

-vlaue，设置文本框的值

密码框

<input type="password" />

属性说明

-name，设置文本框的名称

-size，设置显示的字符数量

-maxlength，设置最大容纳的字符数量

-vlaue，设置文本框的值

多行文本框

<textarea name="" id="" cols="30" rows="10"></textarea>

属性说明

-name，设置多行文本框的名称

-rows，设置显示的行数

-cols，设置显示的列数

单选框

<input type="radio" />

属性说明

-name，单选框的名称

-value，单选框的提交值

-checked ="checked" ，默认被选中

复选框

<input type="checkbox" />

-name，单选框的名称

-value，单选框的提交值

-checked ="checked" ，默认被选中

列表框

<select name="" id="">

<optgroup label="分组标签">

<option value=""></option>

</optgroup>

</select>

select属性

-name，列表框名称

-size，列表框中可见选项的数目

-multiple，是否可选择多个选项，multiple="multiple"

option属性

-value，列表选项的提交值

-selected，列表框是否被选定，selected = "selected"

浏览框

<input type="file" />

属性说表单的明

-name，浏览框的名称

表单的限制

1、表单的提交方式只能为POST

2、必须设置表单的enctype="multipart/form-data"属性

<form name="form" action="" method="post" enctype="multipart/form-data">
上传附件：<input type="file" name="accessory"/>
</form>

隐藏域

<input type="hidden" />

属性说明

-name，设置隐藏域名称

-value，设置隐藏域的提交值

提交按钮

<input type="submit" />

属性说明

-name，设置提交按钮的名称

-value，设置提交按钮的值

重置按钮

<input type="reset" />

属性说明

-name，设置重置按钮名称

-value，设置重置按钮的值

自定义按钮

<input type="button" />

属性说明

-name，设置自定义按钮的名称

-value，设置自定义按钮的值

表单控件总汇

<input type="	text	name=""value="" />
	password
	radio" checked="checked"
	checkbox" checked="checked"
	file
	hidden
	submit
	reset
	button

本文出自 “擎凇离雨痴木月” 博客，谢绝转载！