day35_HTML inpot标签 form表单

今日内容

• 基础标签
• 文本系列标签
• 图片标签
• 超链接标签
• 表格标签
• 内联框架标签
• 表单标签

1.基础标签：

• html：页面标签的根标签
• head：头部标签  控制性元素 在该标签定义的内容一般都是不显示的，除了title
• title：整个页面文件的标题
• meta：定义关于 HTML文档的元信息。 charset字符设置 防止乱码 
• body： 页面的主题标签，存放一些页面的显示元素
• footer：尾部标签
• DOCTYPE：声明格式

2.文本系列标签：

• <!--  -->：注释标签
• h1-h6：标题标签 h1格式最大 h6格式最小
• br ：换行
• p：段落
• hr：分割线
• b：加粗
• font：字体设置

3.图片标签：

• img：图片标签

4.超链接标签：

• a：超链接

5.表格标签：

• table：表格声明

• tr：每一行

• td：每一个单元格

• th：表格头部

• caption：表格上方表格的名称

• thead：表格的头部声明

• tbody：表格的主题声明

• tfoot：表哥的尾部声明

6内联框架标签：

　　iframe：

iframe标签元素会创建包含另外一个文档的内联框架(行内框架)
name属性：指定iframe标签的名称，如果a标签中的target属性值是其name属性值，当你点击a标签的时候，对应的超链接内容就会出现在iframe  中
src属性：指的是iframe中要现实的内容的链接
frameborder属性：一般情况下取值为0，不显示边框，取值为1显示边框    
scrolling属性，取值为yes--g滚动，取值为no-->不滚动， auto-->自动
width属性：表示框架的宽度
height属性：表示框架的高度

7.表单标签：

form表单

一般用于向服务器提交的时候，将form表单中的数据进行提交，
    action属性：表示请求的路径，通常我们一般指定为请求服务器的路径，表达提交服务器的具体的URL路径。
    method属性：表示请求的方式，delete,put,get,post,trace...通常情况下我们一般使用get或者post方式
    默认的请求方式是get请求方式，一般会将请求的数据追加在请求路径上
    如: . ../search?q=QQ&qs=n&form=QBRE &sp=- 1&pq=qq&sc=8- 2&sk=&cvid=FF6D29DEBCBB4C3190308AE563D5978D
    数据以这种格式进行提交。多个数据之间是由&符号进行连接，请求和资源路径长度是有所限制的，所以大多数情况下能够使用post请求就是用它，post请求：一般请求的参数数据不会展示在请求路径上，而且请求中携带的数据长度没有限制。

input标签

用来获取用户输入的信息

- type：type 属性规定要显示的 <input> 元素的类型。 不同的属性显示不同的样式
  - taxt：文本框，输入文本信息
  - password：密码框，信息隐藏
  - radio：互斥单选框
  - checkbox：复选框，可以重复选
  - submit：提交按钮，将表单中的数据提交给服务器
  - file：上传文件按钮
  - image：图片提交按钮,通过src设置图片
  - reset：重置按钮
  - hidden：隐藏按钮，jidden中的数据也会发送给服务器，浏览器页面中不会显示hidden中的信息，一般用于发送用户的id信息
  - button：普通的按钮，一般需要结合js一块使用
- name 属性：表单发送数据提交给服务器的时候，通过name属性来实现的，
- value属性：设置input矿中的默认值
- Ohecked属性：一般用于单选项目或者复选按钮被选中
- readonly属性：是否只读
- displef属性：是否可用
- size属性：大小，设置文本框大小
- placeholder属性：占位符ô