form表单标签基础概要

1.form标签

    action为跳转路径

    method用来明确表单提交的方式(get 和 post)  默认值是get

    get会把信息暴露出来  post相对安全不会暴露 

路径：

绝对路径：从盘符开始，找到你所需要的文件的路径 路径 + 文件的名称

C:\Users\Girrzy\Desktop\云计算前端\boke.html

相对路径：当前源文件和目标文件的相对位置

..\云计算前端\boke.html

1.1form表单元素

表单元素（文本框，密码框，下拉列表框等等），一般由input，textarea，select标签构成，需放置form内使用，不能单独使用

1.1.1 input标签

<input type="元素的类型" name="元素的名称" value="元素的值" >

文本框----text 密码框----password

若在密码框输入密码则如下图所示

单选按钮----radio 多选按钮----checkbox

 ckecked值可以使拥有此值的选项成为默认选项如上图（单选只能用一次，多选可用多次

ps：有上图我们还可以发现在单选和多选中 name值和value值是不会体现出来的，而name值则是将他们分成了一个个小组，单选和多选也是仅仅在组内进行,相互独立互不干涉。

提交按钮----submit 重置按钮（复位按钮）----reset 普通按钮----button 

 图片的路径----image 文件的路径----fili

（程序和效果分别如下图所示）

 隐藏域----hidden （具体作用和使用方法可见下方链接大佬的讲解！！！）html中隐藏域hidden的作用介绍及使用方法，一看就会！！！_html中hidden的用法_- 打小就隔路à的博客-CSDN博客

邮箱----email

 

在与submit（提交按钮）联用的同时，若不输入正确格式，网页会发出给予一定的提示

上图程序中出现的autofoucs是一个默认光标的属性值，就是当你刚打开网页时光标在的位置

颜色----color 日子----date 时间----date 日期+时间----datetime-local 进度条----range

这几个比较简单大家就看看程序和效果8，可以自己动手试试看

     form表单中还有几个常见的特殊属性值

        checked 默认属性，默认选项

        readonly 只能读不能修改 

        disabled 禁用 不可点击

        autofocus 默认光标的位置

        required 必须填写,不能空白提交

 1.1.2 select标签

select是一个下拉列表框的标签，运用也特别普遍，像选择地区，学校时比较常见（当然也必须在form标签中使用）

1.默认被选中的选项----selected

  打开网页看见的样子点开下拉列表框看到的样子 

 因为第三条记录浙江的option标签中添加了selected值，所以浙江为打开网页时的默认值

2.展开下拉列表框----multiple

multiple值是在select标签中输入，输入后打开网页会显示整个下拉列表框。

 1.1.3 textarea标签

textarea标签是用来实现文本域的，常见的用处像留言框

cols=“30”，表示有多少列，文本域的宽度

rows=“10”，表示有多少行，文本域的长度

别问我为什么这是1：3的比例，我也不能理解，但就是这样，可以自己试试看蛤哈哈哈哈