html高级部分－表单标签

最新推荐文章于 2024-09-22 20:00:51 发布

topspeedbuilder

最新推荐文章于 2024-09-22 20:00:51 发布

阅读量1k

点赞数

文章标签： html 服务器浏览器 delphi action input

本文链接：https://blog.csdn.net/topspeedbuilder/article/details/1894813

版权

<form></form>标签对是整个表单的关键，没有这对标签就没有表单。

<form>标签的属性有下面几个：action,method,target,title,enctype

action：设置递交服务器的URL地址。

method：有两个值，GET和POST。GET在网页的地址栏部分看的见递交时候的表单上面每一个元素的赋值情况，POST就看不见。

target：这有4个值可供选择：_blank _parent _top _self 。可以定义从服务器返回的目标。

title：在网页的空白处弹出来的小标签用以描述表单，这个是自已可以命名的，个人感觉没什么用。

enctype：指定浏览器使用哪种编码方法将表单数据传给WWW服务器，默认为：application/x-www-form-urlencoded 。也就是浏览器在递交表单数据时，会先自动对表单字段元素值中的特殊字符作URL编码处理后再传给WWW服务器，还有一种是mulitpart/form-data。一般没必要修改这个属性，它一般用于上传文件数据。<a href=#enctype1>用法介绍</a>

<form>表单的字段元素：（由于每一段字段元素在blog上都会显示出来效果，所以我特意加上了注释符号<!-->）

：定义一个提交按钮，默认为“提交查询内容”，可以用定义一个value属性来更改名字。另外<input>还可以定义一个name属性，这样就可以在向服务器提交的时候有多个按钮的value值。（name属性和value属性基本都适用每一个字段元素，所以后面就不写了。）

：定义一个重置按钮。

：定义一个文本输入按钮。

：定义一个复选框按钮。有一个checked属性，可以设置默认为勾选状态。

：定义单选按钮。需要联合使用一组单选按钮才有意义。因为只能选一个，所以只需要将name属性设置一样就行了。这样浏览器就只会允许一组单选中的一个被置为选中状态。

：这个有点难理解，举个例子吧：比如网站的用户注册过程要由两个步骤来完成，每个步骤对应一个表单网页文件，用户在第一步的表单网页中填写自己的名字，在第二个网页表单中填写爱好和特长等。这样，在第二个网页递交的时候，我们还要同时递交第一个表单网页的信息，这时就需要在第二个网页的表单中加入一个隐藏表单字段元素，让它的value属性值等于第一个网页中收集到的用户名。

：定义一个带“*”号的密码区域。

：定义一个普通的按钮。一般用于与某个脚本程序代码相联系，用来告诉浏览器在访问者单击该按钮时去执行怎样的动作。

<a name=enctype>：浏览器会自动生成一个文本输入框和一个“浏览。。”按钮，供用户选择上传到服务器的文件。这就要用到上面所学的知识了，<form>的一个“enctype”属性，必须将enctype属性设置成multipart/form-data，并且"method"必须为POST。</a>

：它有src属性，所以就没有value属性了。

：用来追寻一个下拉列表框或者可以复选的列表框。<size>必须要设置name属性，要不然不能够上传到服务器。它有size和multiple两个属性。size用来设定在列表框中可看见的选项数目，默认值为1。在使用<select>标签时，每个选项必须要用<option>标签对来标识才起作用。如果size属性设置为大于1的话，那访问者就可以从列表框中选择多个选项，实现多选的目的。（要加上multiple属性，multiple不用赋值） <option>有两个属性，value和selected。

：可以创建输入多行文本的文本框（造型和Delphi中的Memo一样，呵呵），它没有value属性，如果要想在文本框中显示默认的字的话，可以在标签对中间写入。

：下面用一个例子来说明：

<form>

</form>

按下alt+a就可以看到效果了。for属性必须和id属性相同。access属性是定义快捷键。