20191119

HTML表单概述

action属性
action属性是指定处理表单提交数据的脚本文件

表单名称name属性
名称属性name用于给表单命名

提交方式method属性
表单的method属性用来定义处理程序从表单中获得信息的方式，可取值为get或post
Method=get：使用这种方式提交表单时，输入的数据会附加在URL之后，由客户端直接发送至服务器，所以速度上会比post快。缺点是数据长度不能够太长，在没有指定method的情形下，一般都会视get为默认值。
Method=post：使用这种设置时，表单数据是与URL分开发送的，用户端的计算机会通知服务器来读取数据，所以通常没有数据长度上的限制，缺点是速度上会比get慢。

编码方式enctype属性
表单中的enctype参数用于设置表单信息提交的编码方式
test/plain 以纯文本的形式传送
application/x-www-form-urlencoded 默认的编码形式
multipart/form-data MIME编码，上传文件的表单必须选择该项

目标显示方式target属性
_blank 将返回信息显示在新打开的浏览器窗口中
_parent 将返回信息显示在父级浏览器窗口中
_self 将返回信息显示在当前浏览器窗口中
_top 将返回信息显示在顶级浏览器窗口中

输入标记

text 文本框
password 密码域，用户在页面输入时不显示具体的内容，以*代替
radio 单选按钮
checkbox 复选框
button 普通按钮
submit 提交按钮
reset 重置按钮
image 图形域，也称为图像提交按钮
hidden 隐藏域，隐藏域将不显示在页面上，只将内容传递到服务器中
file 文件域

使用jQuery操作表单元素

jQuery操作文本框

操作下拉框

游泳 足球 篮球 跑步 滑冰 乒乓球 游泳 跳远 跳高

添加>>

全部添加>>

<<删除

<<全部删除

})