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的学习三部曲到此结束。