html中的from标签的作用介绍

今天小编给大家分享的是html中的from标签的作用介绍，相信很多人都不太了解，为了让大家更加了解，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、网站建设、盐亭网络推广、微信小程序定制开发、盐亭网络营销、盐亭企业策划、盐亭品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供盐亭建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

在html中，from标签用于创建供用户输入的HTML表单（表单域），以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器；语法“

表单控件

”。form表单中可包含一个或多个表单元素，比如input、select、textarea。

html5 form标签

作用：form标签用于创建供用户输入的HTML表单（表单域），以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。

form表单域中可以包含各种交互控件--控件标签（文本字段、复选框、单选框、提交按钮等等），比如< input>、< button>、< select>、< textarea>等标签。

  各种表单控件

• name：只是给该表单命名，用于js技术使用。

• action：设定表单数据提交给哪个文件，用于后端技术（比如php）来接受并处理数据

• method: 设定数据提交方式，用于根据不同的数据需求来选择合适的提交（传送）方式

method提交方式常用的4种：

get    		一般用来查询信息
post		一般用来新增信息
put      	一般用来修改信息
delete		一般用来删除信息

post和get区别：

• 数据提交方式，get把提交的数据url可以看到，post看不到

• get一般用于提交少量数据，post用来提交大量数据

• get最多提交1K数据，post理论上没有限制

• get提交的数据在浏览器历史记录中，安全性不好

一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮。

1、表单标签

是指form标签本身，它是一个包含表单元素的区域，使用定义

2、表单域

是标签中用来收集用户输入的每一项，通常用input标签来定义，input标签有不同的类型，对应用户不同的数据。（比如：文本域、下拉列表、单选框、复选框等等）

3、表单按钮

用来提交表单中的所有信息到服务器

*表单域和表单按钮都属于表单元素。

单行文本框默认值是type="text"

密码框　

单选按钮

复选框

隐藏域

文件上传

下拉框标签

多行文本

提交按钮

普通按钮

重置按钮

控件标签：


input标签

• input 输入的意思

• 标签为单标签

• type属性设置不同的属性值用来指定不同的控件类型

• 除了type属性还有别的属性

type="text"为普通输入框 value为里面的值 name和id会在写js的时候用

input标签的一些属性:

checked属性只有单选框和复选框才有

密码框

单选框

name相同的单选框智能选择一个

        男  
        女 

复选框

多选框可以选取多个

        爱好： 
 
        抽烟 
        喝酒 
        烫头

按钮

普通按钮可以根据需求来用js添加功能

提交按钮会把输入的表单信息提交到form表单的action地址

重置按钮会把表单信息重置为默认

下拉框标签

下拉框标签有点特殊，不是input的属性而是一个单独的标签

        
            山东
            北京
            江苏
            深圳
            上海
        

关于html中的from标签的作用介绍就分享到这里了，希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。