<!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>
259
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
