1. 程式人生 > >前臺頁面實現可選可編輯效果

前臺頁面實現可選可編輯效果

可選可編輯:

<div id="selectEdite">
                    <select id="versionId2" class="form-control" onchange="$('#versionName').val(this.value)">
                    </select>
                    <div class="input-group input-group-sm">
                        <input class="form-control" id="versionName" name="versionName" type="text" style="margin-left: 2px; margin-top:-32px; border:1px solid #ffffff; box-shadow:none;" placeholder="(可選可編輯)示例: v1.0.0">
                    </div>
                </div>

效果圖:


可選


可編輯


相關推薦

前臺頁面實現編輯效果

可選可編輯: <div id="selectEdite"> <select id="versionId2" class="form-control" onchange="$('#versionName').val(

商品詳情頁面實現收藏,取消收藏

html程式碼: <!-- 收藏商品 --> {if condition="$is_member_fav_goods == 0"} <a href="javascript:;" class="new-btn buy-cart fav" oncl

頁面實現和批量操作

全選的思路是:遍歷標籤下的type為checkbox的input標籤,改變這些checkbox的check狀態和點選全選的狀態一樣 批量操作的思路是:用js獲取記錄中的id用逗號拼接,傳到後臺執行批量操作的處理 全選js: $("#checkAll").click(fun

h5頁面實現長按刪除的效果

直接貼上複製到編輯器中進行檢視效果 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatib

UITableView實現時沒有效果/控制元件背景顏色消失了?

我們隊自定義的cell,使用多選功能的時候沒有效果? 1.檢查自己的tableview.editing = yes /  tableview.allowMutlpleSelction = yes,設定為編輯狀態,可多選 2.檢視自己的自定義cell的控制元件是否載入到了se

同一jsp頁面實現左邊不同連結右邊顯示詳情資訊,解決區域性重新整理

一、此需求可解決區域性重新整理,例如左邊連結直接去後臺返回新的jsp頁面,同時把頁面需要的資料返回。頁面中直接獲取就ok <html> <head> <me

HTML頁面實現編輯,儲存,並生成PDF,完成簽章。

原本是應該用pageOffice實現線上開啟word的編輯,儲存,轉換成PDF,並完成簽章,由於公司預算不夠,pageOffice元件不能購買,所以只能另想他法。 需要編輯的word文件的模板是固定的,數量也不多,但對格式要求比較嚴格,所以決定將模板全部做成HTML頁面,用iText元件將H

幾種實現修改按鈕編輯文字,不點則不可編輯的方式

第一種: <html> <head> <script type="text/JavaScript" language="JavaScript"> function doclick(){ var docs = document.getEle

h5頁面實現滑動刻度尺

長度 div 最小 ges 滿足 使用 最大 移動 切換     寫了一個在移動端使用的可滑動刻度尺,曾經在原生App中看到過,做得很精細,現在用web頁面實現的;   實現效果如下:(源碼見文章的最後)        封裝成直接可用的MeasureRuler.js    

jquery實現按鈕返回到頁面頂部效果

有的時候我們需要實現點選按鈕回到頁面頂部的效果,下面就是我的實現 首先HTML程式碼如下 <div class="QZ-up" style="display: none;"></div> 當滾動條高度大於120px的時候出現按鈕如下

H5 分幀(frameset) 使用分幀寫一個頁面,可以實現聯動效果

需要兩個檔案: 檔案3.html <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8"

Fragment+RadioButton實現切換頁面效果

    首先,我們需要在主佈局檔案中activity_main.xml 放一個 容器,方便讓fragment加入進去,底部導航欄使用RedioButton切換頁面,每一個RadioButton都使用了選擇器進行圖片與字型的變化。   &nb

夜間模式實現簡單步驟,有立竿見影之效果

這是一個簡單的夜間模式實現方式, 步驟簡單。可供初學者使用 首先下載https://download.csdn.net/my/uploads這是一個deme型別的jar; 使用前請安步驟操作 第一步建立 values檔案下的 atts.xml 設定顏色切換狀態的

左右箭頭點實現一行超出視區域的tab切換

tab切換是網頁佈局中很常用的一個設計,如果我們的選項卡有很多個,一行顯示不下,就需要把剩餘的部分先隱藏,點選觸發顯示切換。如下圖:  具體程式碼實現如下: 預設顯示第一個(下標是0),可視區域7個選項卡。 <!DOCTYPE html> <html

layui實現table新增行功能 table裡有select選擇編輯 並且與form表單一起提交資料儲存

廢話不多說 直接上程式碼 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ include file="/WEB-INF/page/public/

在DBGrid中中行而又進入編輯狀態

如何在DBGrid中選中行,而又讓它可以進入編輯狀態?  也許你會問我這有什麼用?呵呵,做資料庫應用的兄弟們會深有感觸,當用DBGrid顯示的欄位過多時,使用者不得不拉動最下面的滾動條,去看最右邊的東西,如果沒有設定DBGrid->Options[dgRowSelect],那麼,拉到最右邊之後,很有可能

hexo next 主題 : 實現跳轉到文章的時候文章的頁面自動實現滾輪效果,向下滾動到閱讀的位置。

背景: 博主的部落格希望實現能夠在點選到某個文章的時候,跳轉完了之後,頁面能夠自主的向下滾動到瀏覽的區域,因為博主的工作是搞java的,js方面在大一大二的時候搞過,有些東西忘記了,或者還沒有接觸到,有技術的盲區(可能對於閱讀這篇文章的你來說有些可笑~),不管那麼多,記錄下來,以便以

H5實現多圖片預覽上傳,拖拽控制元件介紹

在做圖片上傳時發現一個蠻好用的控制元件,支援多張圖片同時上傳,可以點選選擇圖片,也可以將圖片拖拽到上傳框直接上傳,方便,好用,介面也簡單,基本可以直接放到專案裡使用。 先看看他的樣式: 選擇圖片後

Android 實現高仿iOS桌面效果拖動的GridView(上)

     最近專案中遇到一個LIstview的拖動效果,github上一搜發現有叫DragListview的開源專案,然後自己再小手一搜拖動排序的GridView,卻沒發現什麼很全很好的開源專案,後

Android 拖拽的GridView效果實現, 長按拖拽和item實時交換

在Android開發中,我們常常用到ListView和GridView,而有的時候系統的ListView,GridView並不能滿足我們的需求,所以我們需要自己定義一個ListView或者GridView,我的上一篇文章中就是自定義的一個左右滑動刪除item的例子,大家有興趣