form表单

<form>……</form>

<form>的属性

• method ：(get/post)

get 发送较少数据（256byte），参数全部显示在url中，url/userinfo?username=张三&password=hehe

post数据长度无限制，参数不会显示在url中

• enctype：数据传输方式

例：multipart/form-data：多点传输，适用于文件上传

• action：form中数据交给服务器端哪个程序或页面进行处理

例： <form method=“post” action=“user.jsp”>……</form>

表单元素：  

• 文本框（text）  
• 文本域（textarea）  
• 密码框（password）  
• 隐藏域（hidden）  
• 单选按钮（radio）  
• 复选按钮（checkbox）  
• 提交按钮（submit）  
• 重置按钮（reset）  
• 图片按钮（image），说明：单击效果同提交按钮，但显示的是一幅图片  
• 普通按钮（button）  
• 文件域（file）
•  下拉列表框（多选框）：select

表单中的输入标签

格式：<input type=“” name=“”>

type: text、radio、checkbox、password 、hidden、submit、reset、button、image

• 文本框 text

<input type=“text” name=“” value=“” maxlength=“” size=“”>

• 密码区域 — 特殊的单行文本输入框 password

<input type=“password” name=“” value=“” size=“” maxlength=“”>

• 单选按钮

<input type=“radio” name=“” value=""  checked>

典型用法 : 同一个名字，不同的值

错误的用法 : 不同的名字

• 复选框

<input type=“checkbox” name=“” value=“”  checked>

典型的用法 : 同一个name，不同的value

• 隐藏域

<input type=“hidden” name=“” value=“”>

按钮－button、submit、reset、image

• <input type="button" name="" value=" ">

按下该按钮没有反映，需配合其onclick事件才起作用

• <input type="submit" name= "" value= "">

按下该按钮，该form中所有的输入信息将被提交到服务器

• <input type="reset" name= "" value= "" >

按下该按钮，该form中所有的输入部分将被重置

• <input type="image"  src= "">

点击图片提交表单数据，作用与提交按钮相同，只是显示不同，src属性指明图片地址。

列表框－<select>

列表框

<select name=“” size=“” multiple>

            <option value=“” selected>…</option>    

            <option value=“”>…</option>

             ……

</select>

• multiple：表示多重列表框，可以多选，如果不写该参数，默认则是一个下拉列表框，一次只能选一个值
• selected：表示当前选项被选中

多行文本框－<textarea>

• <textarea rows=“” cols=“” wrap=“”></textarea>

标签中间的值会被提交 所以不要含有空格

 

PS:

重新看了之前的HTML.ppt，觉得form表单的一些知识很有必要记录下

前台页面与后台服务器交互的三种方式：1、form表单  2、<a></a>超链接  3、js