<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
表单 作用:用于收集不同类型的用户输入的信息
表单的组成:表单元素,表单区域
表单区域:
语法<form></form>
作用:定义html的表单区域,实现用户信息的收集和传递
表单元素:表单元素是允许用户在表单内容的标签
input标签:是最重要的表单元素 <input type="">
type的取值不同,可以展示不同的表单形式
常用类型:①type=“text” 单行文本输入框
②type=“password” 密码输入框
③type=“radio” 单选框
④type=“checkbox” 复选框
⑤type=“button” 定义按钮
value属性,定义按钮里显示的文本
⑥type=“submit” 提交按钮
value属性,默认文本是提交,可以使用value修改内容
⑦type=“reset” 重置按钮
value属性,默认文本是重置,可以使用value修改内容
⑧type=“image” 定义图片形式的提交按钮
src属性,指定图片的路径
alt:指定替换的文本
⑨type=“file” 用于文件的上传
textarea标签:多行文本输入框(文本域),<textarea cols="" rows=""></textarea>
文本域可以让用户通过鼠标改变元素大小
rexiaze:none;不允许用户调整大小
both,默认值,允许调大小
<select>定义下拉列表,下拉列表的列表项用option定义
<option value=""></option>
</select>
表单属性:
name属性: 用来定义表单元素的名称,是必需属性。只有设置了name属性,表单元素再提交时才会传递他们的值
value属性:用于输入字段的初始值和按钮上的文字内容
readonly属性:用来规定当前输入字段为只读不能修改
disable属性:规定当前字段是禁用的,被禁用的表单元素不能编辑也不能被提交
maxlength属性:规定输入字段允许输入的最大长度
selected属性:规定在页面加载时预先加载选中的列表项、
size属性:规定下拉列表中可见的选项的个数
checked属性:在单选框和复选框中,预先选中该选项
表单域form属性
action属性:数据提交的地址
target属性:设置目标的打开方式
取值:-black(新窗口)
-self(当前窗口,默认值)
method属性:规定发送表单数据http方法
取值:get 在地址栏可以看见
post 把数据在数据流中传送
-->
<!--
扩大选区范围
< input type="radio" name="" id="">
<lable for=" id名称">
通过lable标签的for属性值与相关元素的id值相绑定
-->
<!--
轮廓线
围绕在元素周围的一条线,位于边框边缘的外围,可以起到突出元素的作用
属性:可以指定线的样式,宽度,颜色
-->
<!--
改变鼠标样式
cursor:auto;默认样式
cursor:pointer;手型
cursor:text;文本输入标
cursor:move;移动
cursor:default;箭头
-->
<!--
显示隐藏:
display:block;显示
display:none;隐藏该元素,并且该元素所占的空间也不存在了
visbility:visible;显示
visibility:hidden;隐藏该元素,但是该元素所占的空间还存在
-->
</body>
</html>