饥人谷_CCCLARITY
饥人谷_CCCLARITY

form表单

form表单的作用，常用的input标签及作用

form表单用于收集页面上用户所填写的信息，提交给后台服务器
input标签type属性常见的值：
text 文本输入框，单行输入
password 文本输入框，显示为圆点
checkbox 复选框
radio 单选框
file 文件上传 accept 定义上传的文件类型
hidden 隐藏域
button 按钮，但是点击之后不能提交
submit 提交，点击可以实现提交
reset 重置，清空表单
placeholder 文本输入框的灰色提示
其他标签：
select 下拉列表
textarea 多行文本

get和post方式的区别

a. get是用key=value的方式将参数名称和参数值写入url，而post提交时url不会发生任何变化，相对于get来说数据更私密
b. 当需要传入的参数很多时，get会导致url超长，浏览器会把超长的部分截取掉导致信息不全，post则不会出现这样的问题，对传入的参数数量没有限制。
c. 当只需要向服务器传入很少的参数查询信息时，采用get；当需要传入大量的参数，主要向后台传入数据时，采用post，post的安全性相对高一些。

在input里，name起到什么作用？

name属性存放的是需要向后台服务器传入的参数名称，用于向后台传递数据。

radio如何分组

根据name属性的值分组，name值相同的为一组

placeholder有什么作用

作用是文本框中的灰色提示，不影响后台的提交

type=hidden隐藏域有什么作用，举例说明

第一是暂存信息，第二是出于安全策略的考虑
举例：在此传入某个值作为安全性检验的标准。

简单介绍HTML表单的用法

  1. input标签


红色
黄色
蓝色
男性
女性
  1. select标签，下拉列表
  1. textarea标签，多行文本

你可能感兴趣的:(form表单)

  • 前端文件上传总结 小小小小小小拉松 javascripthtml5
    第一种：经典的form和input上传。设置form的aciton为后端页面，enctype="multipart/form-data"，type=‘post’提交使用input选择文件，设置好其他input的值，点击提交，将文件数据及签名等认证信息发送到form设置的action对应的页面，浏览器也会跳转到该页面。触发form表单提交数据的方式有2种，一种是在页面上点击button按钮或按钮触发
  • OkHttp搞定Http请求 头秃到底
    文章目录OkHttp依赖包创建OkHttpClient构造UrlHeader头设定Get请求同步Get异步GetPost请求Json内容Form表单文件上传Put请求Json内容参数方式Delete请求OkHttp工具类OkHttp官方文档仓库OkHttp是一款高效的HTTP客户端框架:HTTP/2支持允许对同一主机的所有请求共享一个套接字。连接池可以减少请求延迟(如果HTTP/2不可用)。透明G
  • bootstrap直接对form表进行校验 IT和金融
    form表单可以前端进行校验，当然也可以直接采用bootstrap对form表单进行校验如form表单中有等相关字段进行校验，可直接用bootstrap的校验，方式如下：$("#auth_add_form").bootstrapValidator({//auth_add_form为form的id值feedbackIcons:{valid:'glyphiconglyphicon-ok',invali
  • iview前端向后端传数据一直转圈_记一次开发过程当中，iview遇到的一些坑以及解决办法... weixin_39641450
    写在开头：本次项目采用的是vue2.0+iview3.0，最近公司没啥事，来总结一下开发过程当中遇到的问题。前端一、Modal关闭问题vue需求背景：modal框里面是个form表单，点击肯定以后，先验证form表单，验证经过则关闭modal框，验证不成功则提示用户，不关闭。ajax问题描述：原本刚开始想经过modal框v-model绑定的值(true或false)来进行控制，手动改以后，报错。后
  • iview前端向后端传数据一直转圈_记一次开发过程中，iview遇到的一些坑以及解决办法... weixin_39959482
    写在开头：本次项目采用的是vue2.0+iview3.0，最近公司没啥事，来总结一下开发过程中遇到的问题。1、Modal关闭问题需求背景：modal框里面是个form表单，点击确定之后，先验证form表单，验证通过则关闭modal框，验证不成功则提示用户，不关闭。问题描述：本来刚开始想通过modal框v-model绑定的值(true或false)来进行控制，手动改之后，报错。解决办法：官方ivie
  • 关于文件上传的报错: The current request is not a multipart request q@浩瀚星辰 springmvc
    今天练习注册上传头像时遇到org.springframework.web.multipart.MultipartException:Thecurrentrequestisnotamultipartrequest；上网找了一下，找到几种排错方法：1.请求方式问题，涉及文件上传的话form表单要用post提交。2.from表单的属性设置里面加上enctype="multipart/form-data"
  • Django form表单中的 form.save(commit=False)用法 qq_42724283 python学习笔记djangopython
    最近在用Django，做个关于表单的笔记form=NewTopicForm(request.POST)#form是包含topic类的一个实例ifform.is_valid():subject=form.cleaned_data.get('subject')topic=form.save(commit=False)#生成一个Topic类的实例对象topic.subject=subjecttopic.
  • Python使用requests发送post请求 Nikon937
    1.我们使用postman进行接口测试的时候，发现POST请求方式的编码有3种，具体的编码方式如下：A：application/x-www-form-urlencoded==最常见的post提交数据的方式，以form表单形式提交数据B：application/json==以json格式提交数据C：multipart/form-data==一般使用来上传文件（较少用）2.我们使用python做接口测
  • Django----Form的来龙去脉（-）使用篇 墨痕_777 python
    Django----Form的来龙去脉（-）使用篇（注：个人学习总结，仅供参考）####Form表单的功能自动生成HTML表单元素检查表单数据的合法性如果验证错误，重新显示表单（数据不会重置）数据类型转换（字符类型的数据转换成相应的Python类型）####Form相关的对象包括Widget：用来渲染成HTML元素的工具，如：forms.Textarea对应HTML中的标签Field：Form对象
  • HTML Form的enctype属性 淡蓝色梦想
    html的form表单的enctype属性用于指定提交表单的编码方式，可选的方式包括：application/x-www-form-urlencoded：在提交之前，对表单项使用urlencode进行编码。multipart/form-data：不对表单数据进行编码。text/plain：空格转换为“+”，其他的不编码。
  • vue3+vant4父组件点击提交并校验子组件form表单 再希 vue.js前端javascript
    先看效果代码如下父组件校验表单import{ref}from'vue';importChildFormfrom'./ChildForm.vue';constchildFormRef=ref(null);constvalidateForm=async()=>{if(childFormRef.value){try{constisValid=awaitchildFormRef.value.validat
  • el-form表单在循环里如何写rules表单校验,解决办法 Cheng Lucky vue.js前端javascript
    el-form表单在循环里如何写rules表单校验,解决办法在日常开发中我们经常可以遇到在form中循环嵌套多个的情况比如点击加减新增删除并且还需要校验表单如何写呢?实现办法1.html(举例)contractFeesForm为总数据源这里的rules需动态生成这里我们既然是在循环内在每个item上绑定的prop就不能是固定写死的不然没办法进行表单校验就需要写成xxxx[0,1,2......].
  • POI对Excel的读取操作 不会写爬虫的程序员B poiexcel
    //前端excel只需要直接提交form表单即可publicAjaxResultexcelAdd(@RequestPart("file")MultipartFilefile)throwsException{if(file.isEmpty()){returnAjaxResult.error("没有发现文件");}if(StringUtils.isNotBlank(file.getOriginalFi
  • Web分页通用模板 小汤猿人类 model前端
    需要包含到form表单之中rollpage.js文件名不能错functionpage_nav(frm,num){frm.pageNo.value=num;frm.submit();}functionjump_to(frm,num){//alert(num);//验证用户的输入varregexp=/^[1-9]\d*$/;vartotalPageCount=document.getElementBy
  • Vue项目-Table添加Form表单校验 呆呆的小草 Vuevue.jselementuijavascript
    一、HTML新增表格数据{{row.name}}{{row.age}}{{row.sex}}删除任务信息生成二、JS//------------------->-------------------import{ref,reactive,onMounted,nextTick}from"vue";import{ElMessage}from"element-plus";//--------------
  • Django forms组件 在飞行-米龙 Djangodjangopython后端
    【一】引入【1】实现登陆验证功能（1）需求分析登陆验证需要前后端交互，采用form表单提交数据对数据进行校验用户名必须以英文大写字母开头密码必须大于三位数反馈给用户错误的信息除了反馈错误的信息还有保留原始输入内容（2）后端代码使用user_info_dict字典每次刷新存储存储前端发送的信息存储后端进行验证的信息defhome(request):#每次后刷新这个信息字典user_info_dict
  • JS的Form表单转JSON格式的操作代码
    目录一、serialize()方法二、serializeArray()方法三、$.param()方法js将json字符串转换为json对象的方法解析一、JSON字符串转换为JSON对象二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。一、serialize()方法格式：vardata=$("#formID").serialize
  • 不用form表单ajax上传图片（单个图片上传实例）及回显 焱墩 前端
    一、html代码段（这里无css样式）上传文件上传二、js（jquery）代码段$(function(){functionhideup(){$("#hidupload").click();},functionupchange(){$("#hidimg").prop("src",URL.createObjectURL($("#hidupload")[0].files[0]));}functionup
  • uview组件封装form表单后有关弹框的组件安卓部分机型不显示 阳光先做 androidapache
    环境背景介绍:使用uniapp开发小程序和app,uview版本是1.8.3,分别为ios端安卓端和小程序端封装了form表单组件,u-selectu-action-sheetu-picker等组件通过u-input@click事件唤起荣耀部分机型oppo部分机型和小米部分机型点击input没反应,调试了半天发现u-input内部设置disabled后click事件不执行上网查找答案Chrome内
  • 【Antd】Form 表单获取不到 Input 的值 一颗不甘坠落的流星 工作随记javascript前端react.js
    文章目录今天遇到了一个奇怪的bug，Form表单中的Input组件的值，不能被Form获取，导致输入了内容，但是表单提交的时候值为undefined报错代码import{Button,Form,Input}from'antd';importReactfrom'react';constApp:React.FC=()=>{constonFinish=({desc)=>{console.log('des
  • Spring Security前后端分离认证及记住我踩坑 ￡漫步 云端彡 整体记录springsecuritysecurity前后端分离认证security记住我
    SpringSecurity前后端分离认证前言：SpringSecurity是spring提供的一个安全框架，提供了登录认证、密码保护、自动登录等。这是我目前学习到的功能，当然它的强大之处远不止这些了。SpringSecurity处理登录功能时使用的form表单，底层获取参数使用的request.getParamter的形式获取的。但是前后端分离模式使用的是异步请求，所以在前后端分离模式下会出现很
  • 微信小程序-表单提交和校验 hikarilee 微信小程序小程序
    一、使用vant组件生成如下页面二、前端代码如下点击选择图片确定取消用form块宝珠van-cell-group组件，van-button中from-type="submit"form表单的bindsubmit="submitForm"是js中执行方法三、对于每一个van-field组件都有自己的绑定函数当输入信息后则会把数据实时绑定到js中的data中bind:change=“onChangeT
  • python爬虫之 爬取案例网页ajax请求的数据 水w #python爬虫python爬虫ajax
    本篇案例以这个网站为例，阿里云智能logo设计，用requests抓取这个网站页面的时候是抓取不到生成的logo图片的，因为数据不是直接就存储在html页面里的，ajax请求在不重新加载整个页面的情况下，只对网页的某部分进行更新。因此我们想要编写代码来绕过浏览器操作，比如一些form表单提交关键词，通过ajax请求直接拿到ajax请求传送的生成logo图片数据。思路和步骤：（1）按照步骤，输入Lo
  • vue 基本语法操作 sunxiaochuan
    v-model="vue.prop"双向绑定数据，一般用于input表单元素v-bind:id=""v-bind:href=""v-bind后面跟是html的属性键，后面跟的是vue实例化里面的属性值，简写方式v-bind:href->:hrefv-on:click=""v-on后面跟的是DOM事件，简写方式@[email protected]="submitData"这个是form表单提交
  • Vue中动态增加表单项的方法 超巨大的门牙
    在我的项目中遇到了两种动态增加表单项的场景，一种是对Form的添加，另外一种是对Table的添加。当初实现这两种时还有一点喜悦，现在回过头来看，发现这两种实际就是一种，以后就可以根据个人喜好选择了。动态增加Form表单这里因为要添加的表单项存在着父子关系，要添加的子代很多，而父代属性又一致，用这种方式可以减少重复操作。表单样式就不再赘述了，具体看图image.png点击添加要素按钮，就可以添加一个
  • jquery之获取form表单数据的两种方式，提交方式为post 刘小刀tina
    send
  • application/json，application/x-www-form-urlencoded，Content-Type aaagu1234
    application/x-www-form-urlencoded常用的form表单提交方式,header中Content-Type被指定为application/x-www-form-urlencoded；以key=value&key1=value2的形式提交。实际的请求形式：POSThttp://www.aaa.comHTTP/1.1Content-Type:application/x-www
  • JSP Servlet之 form表单 与Servlet之间的参数传送 irelandken JAVA_WEBservletjspborderactioninputtable
    JSPServlet之form表单与Servlet之间的参数传送//index.htmlwelcomeparam1param2param3 然后PassParams这个Servlet的doget/dopost来处理参数param1—3packagemyServlet;importjava.io.IOException;importjavax.servlet.ServletException;imp
  • CSS文本超出希望右对齐 lwj1426282929
    在做form表单校验时，经常会出现但是校验失败的提示文本超出校验项宽度的现象：当超出校验项宽度时，文本换行展示了，希望不换行展示，可以使用.z-form-item__error{white-space:nowrap;}不换行后发现文本直接向右溢出展示，但是因为校验项已经距离右边界很近了，超出右侧直接隐藏了，所以我们需要文本从右向左展示：.z-form-item__error{white-space
  • form表单提交 蜗牛呀呀呀呀呀
    今天学了一个form表单的提交//html{extendname='./common/father'}{blockname='one'}//{:url('post')}这个url对应的为引入该html的控制器下的post方法用户名昵称密码确认密码//password_confirm使用confrim方法。验证值和被验证值。如果a是XXX。则b要验证的命名方法为XXX.confrim。{/block
  • ztree设置禁用节点 3213213333332132 JavaScriptztreejsonsetDisabledNodeAjax
    ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。 $(function(){ showTree(); setDisabledNode(); });
  • JVM patch by Taobao bookjovi javaHotSpot
    在网上无意中看到淘宝提交的hotspot patch，共四个，有意思，记录一下。   7050685：jsdbproc64.sh has a typo in the package name 7058036：FieldsAllocationStyle=2 does not work in 32-bit VM 7060619：C1 should respect inline and
  • 将session存储到数据库中 dcj3sjt126com sqlPHPsession
    CREATE TABLE sessions ( id CHAR(32) NOT NULL, data TEXT, last_accessed TIMESTAMP NOT NULL, PRIMARY KEY (id) );   <?php /** * Created by PhpStorm. * User: michaeldu * Date
  • Vector 171815164 vector
    public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) { for (int i = 0; i < cart.size(); i++) { if (cart.get(i).getId().equals(id)) { cart.remove(i);
  • 各连接池配置参数比较 g21121 连接池
            排版真心费劲，大家凑合看下吧，见谅~     Druid DBCP C3P0 Proxool 数据库用户名称 Username Username User   数据库密码 Password Password Password   驱动名
  • [简单]mybatis insert语句添加动态字段 53873039oycg mybatis
          mysql数据库,id自增,配置如下：       <insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id" parameterType=&
  • struts2拦截器配置 云端月影 struts2拦截器
    struts2拦截器interceptor的三种配置方法 方法1. 普通配置法 <struts>     <package name="struts2" extends="struts-default">         &
  • IE中页面不居中，火狐谷歌等正常 aijuans IE中页面不居中
    问题是首页在火狐、谷歌、所有IE中正常显示，列表页的页面在火狐谷歌中正常，在IE6、7、8中都不中，觉得可能那个地方设置的让IE系列都不认识，仔细查看后发现，列表页中没写HTML模板部分没有添加DTD定义，就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
  • String,int,Integer,char 几个类型常见转换 antonyup_2006 htmlsql.net
    如何将字串 String 转换成整数 int? int i = Integer.valueOf(my_str).intValue(); int i=Integer.parseInt(str); 如何将字串 String 转换成Integer ? Integer integer=Integer.valueOf(str); 如何将整数 int 转换成字串 String ? 1.
  • PL/SQL的游标类型 百合不是茶 显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
    游标是oracle中的一个结果集,用于存放查询的结果;   PL/SQL中游标的声明; 1,声明游标 2,打开游标(默认是关闭的); 3,提取数据 4,关闭游标     注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标   隐式游标:主要是对DML数据的操作隐
  • JUnit4中@AfterClass @BeforeClass @after @before的区别对比 bijian1013 JUnit4单元测试
    一.基础知识 JUnit4使用Java5中的注解（annotation），以下是JUnit4常用的几个annotation： @Before：初始化方法   对于每一个测试方法都要执行一次（注意与BeforeClass区别，后者是对于所有方法执行一次）@After：释放资源  对于每一个测试方法都要执行一次（注意与AfterClass区别，后者是对于所有方法执行一次
  • 精通Oracle10编程SQL(12)开发包 bijian1013 oracle数据库plsql
    /* *开发包 *包用于逻辑组合相关的PL/SQL类型（例如TABLE类型和RECORD类型）、PL/SQL项（例如游标和游标变量）和PL/SQL子程序（例如过程和函数） */ --包用于逻辑组合相关的PL/SQL类型、项和子程序，它由包规范和包体两部分组成 --建立包规范：包规范实际是包与应用程序之间的接口，它用于定义包的公用组件，包括常量、变量、游标、过程和函数等 --在包规
  • 【EhCache二】ehcache.xml配置详解 bit1129 ehcache.xml
    在ehcache官网上找了多次，终于找到ehcache.xml配置元素和属性的含义说明文档了，这个文档包含在ehcache.xml的注释中！ ehcache.xml ： http://ehcache.org/ehcache.xml ehcache.xsd ： http://ehcache.org/ehcache.xsd ehcache配置文件的根元素是ehcahe   ehcac
  • java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL 白糖_ javaeclipsespringtomcatWeb
    今天学习spring+cxf的时候遇到一个问题：在web.xml中配置了spring的上下文监听器： <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener>  随后启动
  • angular.element boyitech AngularJSAngularJS APIangular.element
    angular.element 描述:     包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦）     如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.e
  • java-给定两个已排序序列，找出共同的元素。 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class CommonItemInTwoSortedArray { /** * 题目：给定两个已排序序列，找出共同的元素。 * 1.定义两个指针分别指向序列的开始。 * 如果指向的两个元素
  • sftp 异常，有遇到的吗？求解 Chen.H javajcraftauthjschjschexception
    com.jcraft.jsch.JSchException: Auth cancel at com.jcraft.jsch.Session.connect(Session.java:460) at com.jcraft.jsch.Session.connect(Session.java:154) at cn.vivame.util.ftp.SftpServerAccess.connec
  • [生物智能与人工智能]神经元中的电化学结构代表什么? comsci 人工智能
         我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色....      我们可以尝试一下...在某些神经
  • 通过LAC和CID获取经纬度信息 dai_lm laccid
    方法1： 用浏览器打开http://www.minigps.net/cellsearch.html，然后输入lac和cid信息(mcc和mnc可以填0)，如果数据正确就可以获得相应的经纬度 方法2： 发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
  • JAVA的困难分析 datamachine java
    前段时间转了一篇SQL的文章（http://datamachine.iteye.com/blog/1971896），文章不复杂，但思想深刻，就顺便思考了一下java的不足，当砖头丢出来，希望引点和田玉。   -----------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第二课 dcj3sjt126com englishword
    money 钱 paper 纸 speak 讲，说 tell 告诉   remember 记得，想起 knock 敲，击，打 question 问题 number 数字，号码   learn 学会，学习 street 街道 carry 搬运，携带 send 发送，邮寄，发射   must 必须 light 灯，光线，轻的 front
  • linux下面没有tree命令 dcj3sjt126com linux
    centos p安装 yum -y install tree   mac os安装 brew install tree   首先来看tree的用法 tree 中文解释：tree 功能说明：以树状图列出目录的内容。 语　　法：tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
  • Map迭代方式，Map迭代，Map循环 蕃薯耀 Map循环Map迭代Map迭代方式
    Map迭代方式，Map迭代，Map循环   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年
  • Spring Cache注解+Redis hanqunfeng spring
    Spring3.1 Cache注解  依赖jar包： <!-- redis --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redis</artifactId>
  • Guava中针对集合的 filter和过滤功能 jackyrong filter
    在guava库中，自带了过滤器(filter)的功能，可以用来对collection 进行过滤，先看例子：    @Test public void whenFilterWithIterables_thenFiltered() { List<String> names = Lists.newArrayList("John"
  • 学习编程那点事 lampcy 编程androidPHPhtml5
    一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
  • 架构师之流处理---------bytebuffer的mark,limit和flip nannan408 ByteBuffer
    1.前言。   如题，limit其实就是可以读取的字节长度的意思，flip是清空的意思，mark是标记的意思 。 2.例子. 例子代码: String str = "helloWorld"; ByteBuffer buff = ByteBuffer.wrap(str.getBytes()); Sy
  • org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1 Everyday都不同 $转义el表达式
    最近在做Highcharts的过程中，在写js时，出现了以下异常：   严重: Servlet.service() for servlet jsp threw exception org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1,
  • 用Java实现发送邮件到163 tntxia java实现
    /* 在java版经常看到有人问如何用javamail发送邮件？如何接收邮件？如何访问多个文件夹等。问题零散，而历史的回复早已经淹没在问题的海洋之中。 本人之前所做过一个java项目，其中包含有WebMail功能，当初为用java实现而对javamail摸索了一段时间，总算有点收获。看到论坛中的经常有此方面的问题，因此把我的一些经验帖出来，希望对大家有些帮助。 此篇仅介绍用
  • 探索实体类存在的真正意义 java小叶檀 POJO
    一. 实体类简述    实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口，在程序中仅作为数据容器用来持久化存储数据用的 POJO（Plain Old Java Objects）简单的Java对象   它的一般格式就是 public class A{ private String id; public Str
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他