<button>与<input type="button"&g

SegmentFault 发布于2019-04-23 13:19 / 2669人阅读

摘要：在做表单，点击按钮随机生成两串密钥的时候用第一种按钮的时候，会出现刷新表单的现象。会把创建密钥前面的输入框中的字消失。虽然能生成密钥和密钥，但是会闪一下，随即消失。几个输入框全变为空，本人用的是框架。创建密钥第二种，完美解决这种问题。

在做form表单，点击按钮随机生成两串密钥的时候

1.用第一种按钮的时候，会出现刷新form表单的现象。会把创建密钥前面的输入框中的字消失。虽然能生成密钥1和密钥2，但是会闪一下，随即消失。几个输入框全变为空，本人用的是bootstrap框架。

<button  class="btn btn-default btn-mini"  style="height:28px; width:78px;margin-left: -23px;" value="创建密钥" onclick="igChannelForm.createKey();">button>

2.第二种，完美解决这种问题。

<input type="button" class="btn btn-default btn-mini"  style="height:28px; width:78px;margin-left: -23px;" value="创建密钥" onclick="igChannelForm.createKey();"/>

特此记录。

云服务器 GPU云服务器 BUTTON和INPUT的区别 python &lt&gt java &lt=&gt java&lt &gt

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1714.html

剖析Vue3中侦听器watch的使用教程

　　上一节我们简单的介绍了一下vue3 项目中的计算属性，这一节我们继续 vue3 的基础知识讲解。　　这一节我们来说 vue3 的侦听器。　　学过 vue2 的小伙伴们肯定学习过侦听器，主要是用来监听页面数据或者是路由的变化，来执行相应的操作，在 vue3里面呢，也有侦听器的用法，功能基本一样，换汤不换药的东西。侦听器是常用的 Vue API 之一，它用于监听一个数据并在数据变动时做一些自定义...

3403771864 2023-03-26 17:14 评论0 收藏0
JavaScript本地存储实现用户名存储示例

　　一、本地存储　　1.1 了解本地存储特性　　1、数据存储在用户浏览器中　　2、需要设置、读取方便、甚至页面刷新不丢失数据　　3、容量大，sessionStorage约5M、localStorage约20M　　4、只能存储字符串，可以将对象JSON.stringify()编码后存储　　1.2 window.sessionStorage　　1、生命周期为关闭浏览器窗口　　2、在用一个窗口页面下数据...

3403771864 2022-11-23 22:02 评论0 收藏0
原生JavaScript实现购物车示例演示

　　本篇文章主要向大家介绍关于JavaScript实现购物车效果的具体代码，直接看下面：　　HTML：　　<!DOCTYPEhtml> 　　<html> 　　<head> 　　<metacharset="utf-8"> 　　<title></title> 　　<styletype="text...

3403771864 2022-10-27 21:21 评论0 收藏0
解析vue表单验证rules及validator验证器的使用方法

　　很多知识都是需要提早知道，才可以规避很多错误。　　Element中Form （表单）组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。　　注意：prop对应表单域 model 字段，使用 validate方法时，该属性是必填的。　　表单验证rules　　以官网给出的例子分析来看　　将prop属性设置为...

3403771864 2022-11-23 21:44 评论0 收藏0
小案例：运用vue实现简单的购物车

　　有关ue的项目，今天为大家做一个小案例，就是把一个js的购物车改成vue了　　css部分是直接引入的插件　　效果图如下　　<template> 　　<divclass="head"> 　　<metacharset="UTF-8"> 　　<title>我的购物车-品优购</title> 　　<...

3403771864 2022-10-23 14:22 评论0 收藏0