web学习—html标签—表单及其控件（一）

一、<form>标签：创建表单。

      作用：存放创建的任何表单控件(文本输入框、下拉框、复选框、提交按钮等)，也可以包含其他的html元素。

                 但是任何<form>元素都不包含其他<form>元素。

                 <form>元素也可以附带所有的通用属性、UI事件属性。

      提交： 表单提交常用一个提交按钮，当然，点击Enter键也会具有类似于单击该按钮的效果。

                 当用户填好一个表单后，数据以“名/值”对的形式发送给服务器，名字对应于表单控件的名称，值是用户输入的内容。

      常用属性：

                1、action属性：表明提交表单时将如何处理数据。

                            通常它值是Web服务器中的一个页面或者一个程序（以http://开头的URL），当用户单击提交按钮后，该页面或程将

                            接收表单中的信息。

                2、method属性：说明表单数据发送给服务器的方式。

                            ● get方法，它将数据作为URL的一部分进行发送
                            ● post方法，它将数据隐藏在HTTP头中

                            具体的不同用法，自行查阅。在后面的学习中也会接触到。

                3、id 属性：唯一标识页面中的<form>元素。

                             常以字符frm作表单的id属性值的起始字符，然后用剩余部分描述表单所收集数据的类型，如frmLogin或frmSearch。

                4、onsubmit属性：用户单击提交按钮时，指向提交前运行的脚本函数。

                             可以在数据发送给服务器之前运行一个脚本，以确保提交的数据的质量和准确性。

                5、onreset属性：按下reset按钮时，将激活的脚本函数。

                            常用于清除表单之前让用户确认一下，以防止用户无意中按下的该按钮。

               6、enctype属性：使用HTTP post方法向服务器发送数据时指定浏览器编码数据的方式。

                           ● application/x-www-form-urlencoded，这是大多数表单使用的标准方法。使用该编码方式的原因是某些字符(例如空

                               格、加号和某些其他非字母数字字符)不能发送给Web服务器。相反，它们被用于表示它们的其他字符所替代。
                           ● multipart/form-data，这种方式允许将数据以多个部分的方式发送，每个连续的部分对应于一个表单控件，发送顺序

                               按照它们在表单中的出现顺序。每个部分可以具有一个可选的“内容-类型”头，以指明该表单控件的数据类型。

                            如果不写这属性时，默认是第一个方式。

              7、target 属性：允许用户指明当提交表单时生成的页面被加载到哪一个框架或者浏览器窗口中。

          除了这些属性外，还有几个要说明下。

                   1）、name属性，现在由于id属性的出现，已接近灭亡。但早期的浏览器还是又在用的。

                   2）、accept与accept-charset属性，这两个属性，在一些浏览器上不支持。他们的作用是指定一个字符编码列表，然后服

                           务器可以根据该列表进行处理。例如，下面的代码指示服务器接受UTF-8编码：
                                  accept-charset="utf-8"

                           下面的代码表明用户仅能上传GIF或JPEG类型的图像：
                                   accept="image/gif, image/jpg"

                     3)、当浏览器遇到<form>元素时，它通常会在该元素周围创建一些额外的空白。这有可能会影响到页面的设计，注意放

                             置<form>元素的位置（可以选择放置在文档的起始部分或者末尾附近）。

表单的基本介绍结束了。我觉得，表单在web编程方面确实是个重点。应该好好的学习的。对于深入了解web编程，是有莫大好处的。下一部分在看表单的一些控件吧。看完这些，写一个简单的网页，应该就可以做到了吧。