表单的应用
（1）表单标签：包含处理表单数据所用的服务器端程序ＵＲＬ以及数据提交到服务器的方法
（２）表单域：包含文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框、和文件上传框
（３）表单按钮：包括提交按钮、复位按钮和一般按钮，用于将数据传送到服务器上或者取消传送，还可以用来控制其他定义了处理脚本的处理工作。
５.１．１单行文本框
获取和失去焦点改变样式
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
for id 规定 label 绑定到哪个表单元素。
form formid 规定 label 字段所属的一个或多个表单。
<script> $(function () { $("input").focus(function () { $(this).addClass("focus"); }).blur(function () { $(this).removeClass("focus"); }) })</script>聚焦是改变，不聚焦时则恢复原样５.１.２多行文本框的应用高度变化：改变评论框的大小
<script> $(function () { var $comment=$("#comment"); $(".bigger").click(function () { if ($comment.height()<500){ $comment.height($comment.height()+50); } }); $(".smaller").click(function () { if ($comment.height()>50){ $comment.height($comment.height()-50); } }) })</script>使用动画进行控制高度
<script> $(function () { var $comment=$("#comment"); $(".bigger").click(function () { if ($comment.height()<500){ $comment.animate({height:"+=50"},400); } }); $(".smaller").click(function () { if ($comment.height()>50){ $comment.animate({height:"-=50"},400); } }) })</script>
２滚动条的高度变化scrollTop 方法
对于多行文本框，还可以通过控制多行文本框的滚动条的变化，使文本框里的内容滚动。
{ scrollTop：“50px”}
5.1.3复选框应用