3H结构标记·表单·input·选项框·160515

3H结构标记·表单·input·选项框·160515_第1张图片
![nav元素.png](http://upload-images.jianshu.io/upload_images/2065006-123cd7993341c5fe.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
]( http://upload-images.jianshu.io/upload_images/2065006-a5af418355942739.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

结构标记续一
3H结构标记·表单·input·选项框·160515_第2张图片
结构标记续一.png

结构标记

元素

定义文档的页眉

  • 通常介绍信息,导航信息,站点的标题和LOGO图片等
  • 可以出现多次,可以作为头部的定义

定义页面的导航链接

  • 用于包含表示链接的其他元素
3H结构标记·表单·input·选项框·160515_第3张图片
nav元素.png

元素

  • section标签用于定义文档中的节
    - 用于页面内容的分块,比如定义章节 页眉 页脚或者文档中的其他部分
    - 可以为
    元素内容添加标题

表单概述

标签

  • action对接的服务器链接
  • method 请求方式取值:get或者post
  • enctype form 内采集信息的编码格式
  • name 表单的名称

get和post请求
区别:

  • get传递速度更快,但是参数以明文传递
  • post将参数放在body里面,外部不可见,并且
  • post传递的参数内容比get多很多
  • get:2K左右
  • post:1024K
  • 安全性能方面:post要好于get.

标签

主要采集信息的标签
并以type决定类型

  • name是input的名称 服务器采集前段数据的依据
  • value是input的值
  • value 控件的数据
  • disabled 禁用控件
type的值:

text 文本输入框

  • password 密码输入框
  • button 普通按钮,上没有字
  • submit 提交按钮
  • reset 重置按钮
  • radio 单选框
  • checkbox 复选框
  • file 提交文件的输入按钮用于文件的上传
  • heddin 隐藏域和文件的选择框 一般用于强制性的,使用户提交某一信息,用户不可见
文本框与密码框

当type="text"时,有几个属性:

  • name 名称
  • value
  • maxlength 限制输入的字符数
  • readonly 文本控件只读
单选框和复选框
  • name 用于分组,一组单选框或者一组复选框的名称必须相同
  • value 当form提交时,如果选中了此单选按钮,value将被发送到服务器
  • checked 默认被选中
按钮
  • 提交按钮
  • 重置按钮
  • 普通按钮,普通按钮基本没有作用
  • name 名称
  • value 按钮的标题文本 默认是提交,可改登录,加载等

  • label for 属性和input的id属性一致,然后就可以达到响应传递,绑在一起,使用时点击文字位置也能够选择选项.


    label for.png

选项框