html form 返回的数据类型,HTML表单

HTML表单

什么是表单？

在HTML中使用表单和用户完成交互

表单作用是什么？

表单主要负责采集数据信息，然后向服务提交表单数据，进行相关处理

Form表单标签

name属性：设置表单的名称

action属性：用来设置发送请求的路径

B/S架构中，从浏览器B端向服务器S端发送数据，叫做请求，英语单词：request

B/S架构中，从服务器S端向浏览器B端返回数据，叫做响应，英语单词：response

method属性：用来设置表单提交数据的方式：get、post

get方式：为默认提交方式，提交的数据会显示在地址栏中

post方式：提交的数据不会在地址栏中显示，相对安全

例子：用户信息表单

HTML input标签

1. input type类型为text:文本输入域

2.input type类型为password:密码输入框

input type类型为 radio:单选按钮

4. input type类型为 checkbox：多选按钮

5. input type类型为submit：表单提交按钮

6. input type类型为button:普通按钮

7. input type类型为reset:表单重置按钮

8. input type类型为file：文件上传组件

9. input type类型为hidden：隐藏控件

在浏览器上看不到，但提交表单的时候会提交给服务器

下拉列表标签：

高中

大专

文本域标签

只读控件readonly：只能看不能改，数据也会提交给服务器

无效控件disabled：只能看不能改，数据不会提交给服务器

input控件size属性：设置文本框的可视长度

input控件maxlength属性：设置文本框中可编写的长度

html form 返回的数据类型,HTML表单相关推荐

onsubmit=“return check() 给form加onsubmit 验证所有表单后再提交，可以用返回false 来阻止submit提交
onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交<form class="f ...
【jQuery】使用jquery.form.js，获取提交表单返回值
jQuery表单库介绍实现 html 中提交表单并实现不跳转页面处理返回值 jQuery表单库(jquery.form.js库)以jQuery为基础,用于处理表单AJAX提交,使得表单AJAX提交简 ...
extjs 提交表单给php,JavaScript_Extjs学习笔记之二初识Extjs之Form，Extjs中的表单组件是Ext.form.Basic - phpStudy...
Extjs学习笔记之二初识Extjs之Form Extjs中的表单组件是Ext.form.BasicForm,不过最简单最常用的是Ext.form.FormPanel控件,它继承自Panel,具有一 ...
contactform7 ajax,Contact Form 7 最强大的wordpress表单插件
10年前 (2011-09-02) | 54,093 views | 54 条评论 | 本文共2961个字朗读这篇文章不得不介绍一下这款插件Contact Form 7,真的是很强大,在还没用上C ...
html中内联的form,bootstrap3.0教程之表单(form)使用详解
本文主要讲解的是表单,这个其实对于做过网站的人来说,并不陌生,而且可以说是最为常用的提交数据的Form表单.本文主要来讲解一下内容: 1.基本案例 2.内联表单 3.水平排列的表单 4.被支持的控件 ...
vue form validate 多个input_Vue表单校验插件Vuerify使用详细教程及示例
点击右上方红色按钮关注"web秀",让你真正秀起来前言表单校验,在开发中是非常常见的,为了防止用户误操作,填写错误数据,亦或是防止用户恶意提交数据等,都需要前端同学来做一些简单 ...
fieldset在form中的用法（表单简单实例）
fieldset:对表单进行分组,一个表单可以有多个fieldset. fieldset标签会在包含的文本和input等表单元素外面形成一个方框,legend元素作为标题. <html> ...
.net post提交后接收返回数据_Ajax提交表单的方式
和提交普通表单一样发送数据浏览器端代码 $ 使用开发者工具查看请求体 https://cdn.jsdelivr.net/gh/zhangfu1111/Blogimagemanager/images/ ...
点击微信返回时重复提交表单php,微信小程序遇坑——多次点击页面重复加载及数据重复提交...
目前总结解决方法:同时需要设置模块的函数,函数都可放置在util.js中去. 首先: 一.在util.js中放入如下两组函数 1. 设置点击后多久不能再次操作该 function throttle(f ...

html form 返回的数据类型,HTML表单

html form 返回的数据类型,HTML表单相关推荐

最新文章

热门文章