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

二、表单控件标签。

1.文本输入控件：

1）、<input>标签：生成文本输入控件。

            属性： type属性：输入控件的类型，这个属性是必须的。值为：text时生成单行文本框；password时生成密码输入框。

                      name属性：提供“名/值”对，每个表单控件和用户输入的值中的名称。

                                         常以txt 作为文本框名称的起始字符，以pwd作为密码输入框的起始字符。

                      value属性：提供一个初始值，常常设置为空。

                      size属性：指定文本输入控件的宽度，单位为字符。

                      maxlength 属性：指定能够输入到文本框中的最大字符数。

                             此外，单行文本框还可以设置 disabled、readonly、tabindex和accesskey属性。

                  密码输入框可以隐藏用户在屏幕上输入的字符，方式是使用圆点或者星号替换这些字符。但它们仍然作为纯文本通过Internet 发送。

2）、<textarea>标签：创建一个多行文本输入框。

          注意：<textarea>和</textarea>之间的任何内容都被视为如同在一个<pre>元素内编写，并且源文档的任何格式都将被保留。

                     并且这些内容是显示在文本区域中，用户可以删除该文本，如果用户没有从文本框中删除该文本，则当提交表单时，它

                     们将被发送给服务器。

         属性：name属性：控件的名称，它用于发送给服务器的“名/值”对中。

                     rows属性：用于指定<textarea>应具有的文本行数，从而对应于它的高度。

                     cols属性：用于指定<textarea>应具有的文本列数，从而对应于它的宽度。

                     wrap属性：当输入的文本超出了允许的宽度时，指示文本换行的方式。它的值可以是如下：

                              off：在文本框中添加滚动条，不换行。此为默认值。

                              virtual：自动换行。但是当文本传送到服务器时，所有的文本将在同一行中。除非用户主动换行。

                              physical：自动换行。当文本传送到服务器时，所有的文本将和你看到的一样。

2、按钮控件：

1）、<input>标签：用于创建按钮。

          属性：type属性：用于指定按钮的类型。值可以有以下3中：

                              submit：创建能够自动提交表单的按钮。
                              reset：创建能够自动将表单控件复位为初始值的按钮。

                              button：创建用于在用户单击时触发客户端脚本的按钮。

                       name属性：设置按钮的名称。

                       value属性：指定按钮上显示的文本。

                      onclick属性：当用户单击按钮时触发的脚本。值是应该是运行的脚本。                   

                      onfocus或onblur事件属性：当按钮获得或丢失焦点时出发的脚本。

2）、<input>标签：用于创建图片按钮.。

          属性：type 属性：值为image。

                      name属性：设置按钮的名称。值一般以btn开头。

                      src属性：指定图像文件的来源。

                      alt属性：为图像提供可选的文本，当无法找到图像时显示该文本。

            如果图像按钮具有name属性，当单击该按钮时，浏览器将向服务器发送一个“名/值”对。名称是用户所提供的name属性；值是一对x和y坐标，它代表用户

             所单击的按钮上的位置。

3）、<button>标签：创建按钮。

          注意：<button>和</button>之间内容指定了按钮上显示的内容（文本，图片等）。

          属性如上。

3、复选框：

<input>标签：用于创建复选框。每个<input>标签创建一个选项。

 属性：type 属性：值为checkbox。

             name属性：赋予控件名称。多个复选框可以用一个名称，但前提是希望让用户从同一个列表中选择多项。一般以chk起始。

             value属性：如果复选框被选中，则该值将被发送给服务器 。

            checked属性：值为checked。指明当页面加载时复选框应该被选中。

4、单选按钮：

<input>标签：用于创建单选按钮。每个<input>标签创建一个选项。

属性：type 属性：值为radio。

            name属性：赋予控件的名称。 起始字符可以设置为rad。

            value属性：选择该选项时将发送给服务器的值 。

            checked属性：值为checked。指明当页面加载时应该默认选中该选项。但是，请不要在只有一个单选按钮时使用。

     一组单选按钮可以使用一个下拉选项框来代替。但是，在显示方面两者有所不同，相信大家也懂得。具体使用上可以慎重选择。

这只是表单控件的部分，对于其余的会在以后的文章中去写。对于本篇中说的还有几点要补充的：

1）、对于本篇中控件的属性，还有一个size属性（指明单选按钮的大小，单位为像素），但是在实际编写的html中，这个属性并没 

          什么表现。也许是浏览器的原因吧。所以放在这里说明下。

2）、对于这几个控件的name属性，虽然说了一些建议的其实字符。但也仅是建议，并不是强制的规定。

3）、对于文中提到的属性，是一些常用的。当然除此之外，那些通用属性，UI事件属性，isabled、tabindex和accesskey等属性也

          是可以用的。