XHTML表单

来源:互联网 发布:floyd算法负权 编辑:程序博客网 时间:2024/05/18 01:21
XHTML表单
    1.理解表单的作用
    表单的作用在于在网页上提供一个图形用户界面,以采集和提交用户输入的数据
    2.掌握如何使用表单元素和属性创建表单
    3.掌握基本的表单输入元素的使用方法
    4.熟悉表单数据处理的方法
    5.熟悉表单事件
基本表单结构
    1)最小的表单格式 <form action="表单处理程序的URL" method="get/post">
    2)HTTP GET协议
    3)HTTP POST协议
    4)其它form属性(accept,accept-charset,enctype,name,id)
    注:get方式将表单数据拼接到URL后,而post方式不会;post方式提交数据会将数据发送到请求体中;get方式提交数据会有大小限制,一般是64k以内,post方式提交数据没有大小限制。
使用输入控件
HTML支持多种输入控件,包括文本框、单选框、图像等。
    1)文本框 使用input元素,设置该元素的type属性为text,并且定义该元素的id和name属性来创建一个文本框。
    2)口令输入框 将input标记的type属性值设置为password,就可以创建一个口令字段。
    3)单选框和复选框 使用id和name给每一个选项一个名称,使用value属性指定用户选定某一个选项时返回的值。
    4)隐藏字段 使用input元素,设置其type属性为hidden,然后提供要发送给表单处理程序的名称和值对,就可以创建一个隐藏字段。
    5)文件上传空间 指定<form>的enctype属性为"form-multipart",以允许要上传的文件与其他数据附带在一起传递;使用将method属性设置为post.而不是get。
    6)下拉列表 使用select元素的name属性给整个列表命名,使用每个<option>元素的value属性来给每个选项一个唯一的值。
    7)多行文本框 使用textarea元素,并设置该元素的rows和columns属性指定控件的高度和宽度,就可以创建一个多行文本框。
    8)提交和重置按钮 使用input元素,设置其type属性为submit,来创建一个按钮,用户单击该按钮可以提交表单,将数据反送到数据处理程序;使用input元素,设置其type属性为reset,来创建一个按钮,用户单击该按钮可以清除表单,将表单设置为默认状态。
0 0
原创粉丝点击