html入门3

html 入门3

在前面经过了html文本、列表、表格的学习之后，我们现在进入第三部分的也就是表单的学习。

表单

表单的作用

​ 用于 显示、收集 用户信息 ，并且提交给服务器

组成

​ 1.表单元素 -------将信息提交给服务器

​ 2.表单控件 --------负责接收用户的数据

表单提交： 点了提交按钮就会跳转到新的页面

​ form 代表的就是一个表单元素

​ 属性：

​ action 设置提交表单的地址

​ method 设置表单的提交方式

​ get 显示传输

​ post 隐式传输

表单控件

属性：

​ type 类型

​ value 值

​ name 名称

type类型：

​ text 普通文本输入框

​ password 密码框

​ image 图片提交

​ fill 文件上传

​ radio 单选

​ checkbox 多选

​ email 邮箱

​ tel 电话

​ submit 提交

​ reset 重置

​ image 图片（默认是提交属性）

关联标签

​ label

​ 属性 ： for

​ 第一种用法

​ 1.给要关联的控件加上一个id

​ 2.通过for属性连接id

​ 第二种方法

​ 直接包裹input元素

文本域

<textarea cols="20" rows="20"></textarea>

​ 文本域的大小不取决于宽高

​ 而是 行数 列数

​ cols 列数

​ rows 行数

下拉菜单

	<select></select>

​ 列表项

	<option value="">美国</option> 

​ size : 默认选项的数量 如果取值大于1的话 则成为一个滚动列表

​ selected 默认选中

按钮标签

​ button 默认的情况下是一个普通按钮

其实到这里html也差不多到收尾阶段了，主要常用的要学习的大概就是这样，剩下的一些不常用标签推荐大家可以到w3c去查询使用。

无语义标签

html作用：

​ 写网页的基础结构

元素分类：

​ 行级元素 块级元素

​ 行级元素：紧跟着前面的元素

​ 块级元素：独占一行

div是一个典型的无语义块级标签

span是一个典型的无语义行级标签

​ div span 没有任何含义

最后以无语义标签为html的结尾，是因为这些标签接下来的css学习会经常使用，关于前端html的学习三部曲到此结束。