HTML表单

概念
用于收集用户信息,进行人机交互的操作。
表单控件的常用属性:
name 指定控件的名称,可重复 – 给后台获取数据使用
id 指定标签的唯一识别(类似身份证)
value 输入的控件的值(收集,设置) – 用于传递到后台使用的
checked 复选框(单选)默认被选中的项目,三种表现形式:
1.直接在input中设置checked。
2.在input中设置chected=“checked”
3.在input中设置checked="true
selected 列表框默认被选中的项目,表现形式与checked一样,有三种
onclick 鼠标的单击-- JavaScript脚本
disabled 禁用该控件,如图hjr已被设定,无法在浏览页面中修改。
multiple 允许多选(适用于普通列表框),表现形式与checked一样,有三种
action
传递到后台的,收集数据传递到后台进行响应 – 相对路径,绝对路径地址或者文件
method
1)post 表示隐式的提交,对安全信息保护的比较好
2)get 表示显示的提交,对信息的保护不是特别好)将数据显示在url地址上
label
1、此标签可以放置纯文本,专门用于显示文字使用的,和不加此标签效果一样;
2、后期可以对此文本进行css样式的设置
radio的name属性
1、name是一样的话会被认为是一组单选框,意味着只能选中一个;
2、name值不一样,表示他们不是一组,可以同时选中;
表单的其他控件

  1. 普通列表框(非下拉列表框),代码与下拉列表代码完全一致,size表示展现4个,multiple表示可多选。
  2. 隐藏域 – 虽然是隐藏的,但是主要作为前台不方便被其他人看到,但是需要传递到后台的数据
  3. 上传控件 – 选择文件和后台脚本联动上传
  4. 多行文本域 – 用于论坛发帖,长文档的输入,row表示显示的行数,col表示显示的列数。placeholder表示友好提示,但如果已有文本内容,placeholder中的文字将会被覆盖
    size:表示展现数量,mutiple=“true”:表示可以多选。
    5.分组下拉列表:与下拉列表的形式相似,但需要在其中加入分组:
上一篇:JQuery/JS插件 jsTree checkbox选中事件 和 节点选中事件 分离版


下一篇:jQuery获取单选框(复选框)选中的状态