1.表单简介
表单是可以把浏览器输入的数据传送到服务器端的程序的HTML元素,服务器端程序可以处理表单传过来的数据,从而进行一些动作。form标签表示HTML表单,form标签是成对出现的,以<form>开始以</form>结束,它的常用属性如下:
- action:浏览器输入的数据被传送到的地方,如JSP或PHP页面;
- method:数据传送的方法:get方式传输的数据显示在地址栏,不安全,并且传输的数据量少,post方式不会将传输的数据显示在地址栏,比较安全,并且传输的数据量也比较大;
- enctype:表示将数据传送到服务器时浏览器使用的编码类型,"application/x-www-form-urlencoded"表示窗体数据被编码为名称/值对,这是标准的编码格式,是默认的;"multipart/form-data"表示窗体数据被编码成一条消息,页面上每个控件对应消息的一个部分,在文件上传时必须使用该格式,并且需要使用post方法传输数据;"text/plain"表示以纯文本形式进行编码,其中不含任何控件或格式字符。
2.input标签
input标签代表HTML表单的单行输入域,input标签是单独出现的<input/>,它的常用属性如下:
- type:代表一个输入域的显示方式,分为输入型、选择型、点击型;
- name:此表单项的名称;
- value:输入域的值,可以用来设置默认值;
- size:输入域的长度;
- maxlength:输入域最多可以输入文字的长度;
- checked:如果是选择型的输入域代表已经被选择;
- readonly:输入域可以选择,但是无法修改;
- disabled:输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用;
- accesskey:表单的快捷键访问方式;
- tabindex:输入域的tab键遍历顺序;
- src:当使用图片来表示按钮时,代表图片的URL;
- alt:用来替换提交按钮的图片(当在input的src属性定义的图片无法显示时)提示是信息。
3.type属性的取值
type属性代表HTML表单单行输入域的表现方式,type属性的取值如下:
- text:文字输入域;
- password:也是文字输入域,但是输入的文字以密码符号显示;
- file:可以输入一个文件路径;
- checkbox:复选框,可以选择零个或多个;
- radio:单选框,只可以选择一个而且必须选择一个;
- hidden:代表隐藏域,可以传送一些隐藏的信息到服务器;
- button:表示一个按钮;
- image:使用图片来显示一个按钮,使用src属性指定图像的位置;
- submit:提交按钮,表单填写完毕可以进行提交,把信息传送到服务器,可以使用value属性来显示按钮上的文字;
- reset:重置按钮,可以把表单中的信息清空。
4.textarea标签
textarea代表HTML表单多行输入域,它是成对出现的以<textarea>开始,以</textarea>结束,它的常用属性如下:
- cols:多行输入域的列数;
- rows:多行输入域的行数;
- name:此表单项的名称;
- accesskey:表单的快捷键访问方式;
- disabled:无法获得焦点,无法选择,灰色显示,表单中无效;
- readonly:输入域可以选择,但是无法修改;
- tabindex:输入域使用tab键的遍历顺序。
5.select标签
select标签表示选择列表,select标签是成对出现的,以<select>开头,以</select>结束,此标签中的每一对option标签代表一个选择项,它的常用属性如下:
- name:表单项的名称;
- size:选择域的高度;
- multiple:可以有多个选择;
- disabled:以灰色显示,在表单中不起任何作用;
- tabindex:使用tab键的遍历顺序。
6.option标签
option标签代表选择列表的一个选项,它是成对出现的,以<option>开始,以</option>结束,它的常用属性如下:
- label:说明选择项;
- value:选择项的值;
- selected:此选项已经被选择;
- disabled:以灰色显示;
- tabindex:使用tab键的遍历顺序。