1. 程式人生 > >生成的隨機驗證碼圖片放入input text中

生成的隨機驗證碼圖片放入input text中

css:  56px是圖片的width,57px(圖片長度+input的border)

#img{  position:absolute; width:56px;margin-left: calc(100% - -57px); bottom:0}

html:javascript:GetCodes()是重新整理驗證碼的方法

<div class="field">

      <input type="text" id="Verfication" runat="server"  placeholder="Verification" />

      <a href="javascript:GetCodes()" id="img">

                    <img id="imgver" runat="server“ ImageUrl="獲得驗證碼圖片的路徑”  onclick="javascript:GetCodes()" />

      </a>

程式碼圖片

 

 

 

執行結果

 

注意:只看關鍵程式碼和程式碼顯示的效果即可