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属性:占位符ô
原文地址:https://www.cnblogs.com/rxqq/p/14182249.html