HTML中的标签系列-02-表单标签等

一、HTML中的表单标签

1.表单标签＜form＞

• ＜form＞表单标签，可以在html页面创建一个表单，表单标签在浏览器上没有任何显示，如果数据需要提交到服务器，负责收集数据的标签必须存放在表单标签体内部。它的属性有：
  • action属性：请求的路径，确定表单提交到服务器的地址。
  • method属性：提交的请求方式。取值共有7种，常用的有GET、POST，GET是默认值

2.输入域标签＜input＞

• ＜input＞标签用于获得用户输入信息，type属性值不同，搜集数据的方式也不同。是最常用的标签。它的属性有：
  • type属性有如下取值：
    • text：文本框，单行的输入字段，用户可在其中输入文本，默认宽度为20字符
    • password：密码框，密码字段。该字段中的字符以实心黑圆符号显示。
    • radio：单选框，表示一组互斥选项按钮中的一个。当一个按钮被选中，之前被选中的按钮就变为未选中。
    • submit：提交按钮。提交按钮会把表单数据发送到服务器。一般不写name属性，否则会将“提交”两个字提交到服务器，没有意义。
    • checkbox：复选框。类似单选框，但是可以选中多个。
    • file：文件上传组件，提供浏览按下可以选择需要上传的文件。
    • hidden：隐藏域。页面不显示，提交时，会把数据发送到服务器。
    • reset：重置按钮，可以将表单恢复到默认值。会删除用户填写的信息。
    • image：图形提交按钮，通过src给按钮设置图片。
    • button：普通按钮，常用于与JavaScript结合使用，单独使用没有效果。
  • name属性：元素名，如果需要将表单数据提交到服务器，必须提供name属性。服务器通过属性名获取提交的数据。
  • value属性：设置input标签的默认值。submit和reset及button为按钮上显示的数据。
  • size属性：设置输入框的大小。单位为像素值。
  • checked属性：单选框或者复选框被选中。
  • readonly属性：设置只读。
  • disabled属性：是否可用，设置按钮
  • placeholder属性：设置输入框的提示信息。
  • maxlength属性：设置输入框允许用户输入的最大长度，单位是字符。

3.下拉列表标签＜select＞

• ＜select＞下拉列表。可以进行单选或多选。需要使用子标签＜option＞指定列表项。它的属性有：
  • name属性：发送给服务器的名称。
  • multiple属性：不写默认单选，取值为multiple时，表示多选。
  • size属性：多选时，可见选项的数量。
• ＜option＞子标签：下拉列表中的一个选项。它的属性有：
  • selected属性：取值为selected，表示选中当前列表项。
  • value属性：发送给服务器的选项值。

4.文本域标签＜textarea＞

• ＜textarea＞文本域。用于多行文本的输入控件，一般不使用，现在都用在线文本编辑器。它的属性有：
  • cols属性：设置文本域的列数，单位是字符。
  • rows属性：设置文本域的行数，单位是字符。