HTML学习_表单标记.docx

HTML学习笔记：表单标记收藏1、用来定义一个表单区域，它是一个容器标记，其他表单标记需要放在与之间。常用属性有：(1)action:用来设定处理表单数据的页面或脚本，属性值通常为动态网页文件的路径。例如：action=do.jsp、action=do.aspx。如果属性值为空则表示提交到页面本身。(2)method:用来设定将表单数据传输到服务器所使用的方法，可取的属性值有：(a)get:将表单数据附加到所请求的RUL中，此种方法不能传送大量数据，且不安全，所以不常用。(b)post:将表单数据嵌入HTTP请求中，此种方法容许传送大量数据，较为常用。2、文本框文本框允许用户输入单行信息，如姓名、邮件地址等。定义文本框的语法为：文本框除了type属性外，其他常用属性有：(1)name:用来设定文本框的名称，所选名称必须在表单内唯一标认该文本框，名称字符串不能包含空格或特殊字符，可以使用字母、数字和下划线(_)的任意组合。表单提交到服务器后需要使用指定的名字来获取文本框的值。(2)value:用来设定文本框的默认值，也就是用户输入前文本框里显示的文本。(3)size:用来设定文本框最多可以显示的字符数，也就是文本框的长度。(4)maxlength:用来设定文本框中最多可以输入的字符数。通过此属性可以将邮政编码限制为6位数，将密码限制为10个字符，等等。3、密码框密码框用来让用户输入密码，当用户在密码框中键入时，输入内容显示为项目符号或星号，以保护它不被其他人看到。定义语法为：密码框的其它属性与文本框相同4、单选按钮单选按钮用来让用户只能从一组选项中选择一个选项，例如，性别的选择。单选按钮通常成组的使用，在同一个组中的所有单选按钮必须具有相同的名字。定义单选按钮的语法为：单选按钮除type外其它常用属性有：(1)name:用来设定单选按钮的名称，作用同文本框的name。同一组中所有单选按钮的此属性必须设定相同的值，否则，各选项不会相互排斥。(2)value:用来设定在单选按钮被选种时发送级服务器的值。(3)checked:服务业设定在浏览器中载入表单时，该单选按钮是否被选种。如果开始标记里加入checked一词，则初始被选中。5、复选框定义复选框的语法为：复选框除type外其它常用属性有：(1)name:用来设定复选框的名字，作用同文本框的name。(2)value:用来设定在复选框被先选中时发送给服务器的值。(3)checked:用来在浏览器中载入表单时，该复选框是否被选中。如果开始标记里加入checked一词，则初始被选中。6、下拉菜单下拉菜单的定义语法：河南河北北京一个下拉菜单由和来定义，提供容器，它的name属性意义同文本框的相同。用来定义一个菜单项与之间的文本是呈现给访问者的，而选中后传送的值是由value指定的，如果省略value属性，则value的值与文本相同，加入selected属性可以初始为选中状态。7、列表列表的作用与下拉列表相似，但显示的外观不同，列表在浏览器里显示时列出部分或全部选项，另外列表允许访问者选择一个或多个项目。定义列表的语法如下:河南河北北京与下拉列表相似，多了两个属性:size和multiple。size用来设定列表中显示的选项个数；加入multiple属性允许用户从列表中选择多项。8、文件域文件域使用户可以选择其计算机上的文件，如字处理文档或图形文件，并将该文件上传到服务器。文件域的外观与文件框相似，只是文件域还包含一个“浏览”按钮。用户可以手动输入要上传的文件的路径，也可以使用“浏览”按钮来定位并选择文件。如果要上传文件，需要注意的是，的method属性必须设置为post，另外，必须加上属性enctype=multipart/form-data。定义文件域的语法为:文件域除type属性外其它属性与文本的相同。9、隐藏域隐藏域用来存储并提取非用户输入信息，该信息对用户而言是隐藏的。隐藏域不在浏览器中显示任何外观。定义隐藏域的语法为：name属性用来指定名称，value属性用来指定传输的值。10、文本区域文本区域可以使用户输入多行信息，例如，输入留言、自我介绍等。定义文本区域的语法为：开始标记与结束标记之间的文本为初始值，可以为空，但结束标记一定要有且正确。常用属性有：(1)name:用来指定文本区域的名称。(2)rows:用来指定文本区域能够显示的行数，也就是文本区域的高度。(3)cols:用来指定文本区域能够显示的列数，也就是文本区域的宽度。(4)wrap:用来指定当用户在一行中输入的信息较多，无法在定义的文本区域内显示时，如何显示用户输入的信息。可取属性有：(a)off:防止文本换行到下一行。当用户输入的内容超过文本区域的右边界时，文本将向左侧滚动。用户必须按回车才能将插入点移到文本区域的下一行。(b)physical:在文本区域设置自动换行。当用户输入的内容超过文本区域的右边界时，文本换行到下一行。当提交数据进行处理时，这些数据中包含自动换行时产生的换行符。(c)virtual:在文本区域中设置自动换行。当用户输入的内容超过文本区域的右边界时，文本换行到下一行。当提交数据进行处理时，自动换行并不应用于数据，数据作为一个字符串进行处理。11、提交按钮提交按钮用来将表单数据提交到服务器。定义表单的语法为：除type外其它常用属性有：(1)value:用来指定按钮上显示的文本。(2)name:用来指定按钮的名称。12、重置按钮重置按钮用来还原表单为初始状态。定义重置按钮的语法为：重置按钮除type属性外其它属性与提交按钮的相同。13、普通按钮普通按钮在不添加脚本的情况下，只呈现一个按钮的外观，单击后没有任何动作。普通按钮通常用来跟JavaScript脚本相结合产生特定的动作。定义普通按钮的语法为:普通按钮除type属性外其它属性与提交按钮的相同。14、图像按钮图像按钮就是用图像作为按钮图标，来实现按钮的功能。定义图像按钮的语法为：图像按钮除type外其它常用属性有：(1)nam