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

SegmentFault 發(fā)布于2019-04-23 13:19 / 2867人閱讀

摘要：在做表單，點(diǎn)擊按鈕隨機(jī)生成兩串密鑰的時(shí)候用第一種按鈕的時(shí)候，會(huì)出現(xiàn)刷新表單的現(xiàn)象。會(huì)把創(chuàng)建密鑰前面的輸入框中的字消失。雖然能生成密鑰和密鑰，但是會(huì)閃一下，隨即消失。幾個(gè)輸入框全變?yōu)榭?，本人用的是框架。?chuàng)建密鑰第二種，完美解決這種問(wèn)題。

在做form表單，點(diǎn)擊按鈕隨機(jī)生成兩串密鑰的時(shí)候

1.用第一種按鈕的時(shí)候，會(huì)出現(xiàn)刷新form表單的現(xiàn)象。會(huì)把創(chuàng)建密鑰前面的輸入框中的字消失。雖然能生成密鑰1和密鑰2，但是會(huì)閃一下，隨即消失。幾個(gè)輸入框全變?yōu)榭?，本人用的是bootstrap框架。

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

2.第二種，完美解決這種問(wèn)題。

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

?特此記錄。

GPU云服務(wù)器云服務(wù)器 BUTTON和INPUT的區(qū)別 python &lt&gt java &lt=&gt java&lt &gt

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/1714.html

相關(guān)文章

剖析Vue3中偵聽(tīng)器watch的使用教程

　　上一節(jié)我們簡(jiǎn)單的介紹了一下vue3 項(xiàng)目中的計(jì)算屬性，這一節(jié)我們繼續(xù) vue3 的基礎(chǔ)知識(shí)講解?！　∵@一節(jié)我們來(lái)說(shuō) vue3 的偵聽(tīng)器。　　學(xué)過(guò) vue2 的小伙伴們肯定學(xué)習(xí)過(guò)偵聽(tīng)器，主要是用來(lái)監(jiān)聽(tīng)頁(yè)面數(shù)據(jù)或者是路由的變化，來(lái)執(zhí)行相應(yīng)的操作，在 vue3里面呢，也有偵聽(tīng)器的用法，功能基本一樣，換湯不換藥的東西。偵聽(tīng)器是常用的 Vue API 之一，它用于監(jiān)聽(tīng)一個(gè)數(shù)據(jù)并在數(shù)據(jù)變動(dòng)時(shí)做一些自定義...

3403771864 2023-03-26 17:14 評(píng)論0 收藏0
JavaScript本地存儲(chǔ)實(shí)現(xiàn)用戶(hù)名存儲(chǔ)示例

　　一、本地存儲(chǔ)　　1.1 了解本地存儲(chǔ)特性　　1、數(shù)據(jù)存儲(chǔ)在用戶(hù)瀏覽器中　　2、需要設(shè)置、讀取方便、甚至頁(yè)面刷新不丟失數(shù)據(jù)　　3、容量大，sessionStorage約5M、localStorage約20M　　4、只能存儲(chǔ)字符串，可以將對(duì)象JSON.stringify()編碼后存儲(chǔ)　　1.2 window.sessionStorage　　1、生命周期為關(guān)閉瀏覽器窗口　　2、在用一個(gè)窗口頁(yè)面下數(shù)據(jù)...

3403771864 2022-11-23 22:02 評(píng)論0 收藏0
原生JavaScript實(shí)現(xiàn)購(gòu)物車(chē)示例演示

　　本篇文章主要向大家介紹關(guān)于JavaScript實(shí)現(xiàn)購(gòu)物車(chē)效果的具體代碼，直接看下面：　　HTML：　　<!DOCTYPEhtml> 　　<html> 　　<head> 　　<metacharset="utf-8"> 　　<title></title> 　　<styletype="text...

3403771864 2022-10-27 21:21 評(píng)論0 收藏0
解析vue表單驗(yàn)證rules及validator驗(yàn)證器的使用方法

　　很多知識(shí)都是需要提早知道，才可以規(guī)避很多錯(cuò)誤?！　lement中Form （表單）組件提供了表單驗(yàn)證的功能，只需要通過(guò) rules 屬性傳入約定的驗(yàn)證規(guī)則，并將 Form-Item 的 prop 屬性設(shè)置為需校驗(yàn)的字段名即可?！　∽⒁猓簆rop對(duì)應(yīng)表單域 model 字段，使用 validate方法時(shí)，該屬性是必填的。　　表單驗(yàn)證rules　　以官網(wǎng)給出的例子分析來(lái)看　　將prop屬性設(shè)置為...

3403771864 2022-11-23 21:44 評(píng)論0 收藏0
小案例：運(yùn)用vue實(shí)現(xiàn)簡(jiǎn)單的購(gòu)物車(chē)

　　有關(guān)ue的項(xiàng)目，今天為大家做一個(gè)小案例，就是把一個(gè)js的購(gòu)物車(chē)改成vue了　　css部分是直接引入的插件　　效果圖如下　　<template> 　　<divclass="head"> 　　<metacharset="UTF-8"> 　　<title>我的購(gòu)物車(chē)-品優(yōu)購(gòu)</title> 　　<...

3403771864 2022-10-23 14:22 評(píng)論0 收藏0