利用jQuery實現圖片嵌入表單



26 103 35



特效描述:利用jQuery實現 圖片嵌入表單,利用jQuery實現圖片嵌入表單

代碼結構

1. 引入JS

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>

2. HTML代碼

    <h1>Janko At Warp Speed</h1>
    <h2>Make image buttons a part of input fields (using jQuery, of course)</h2>
    <fieldset id="sampleForm">
        <label for="txtName">Full name</label>
        <input id="txtName" type="text" />
        <label for ="txtDOB">Date of birth</label>
        <input id="txtDOB" type="text" class="inputWithImge" />
        <img src="calendar.png" alt="Click to popup the clendar!" onclick="alert('Popup some calendar here!');" />
        <label for="txtCity">City</label>
        <input id="txtCity" type="text" />
        <label for="txtPostCode">Post code</label>
        <input id="txtPostCode" type="text" />
        <label for="txtCountry">Country</label>
        <input id="txtCountry" type="text" />
        <label for="txtBank">Bank</label>
        <input id="txtBank" type="text" class="inputWithImge" />
        <img src="bank.png" alt="Click to popup the bank window!" onclick="alert('Popup some window here!');" />
    </fieldset>
    <button id="btnNothingToDo">Do nothing</button>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 提示框/彈出層 文本框 text文本框 表單提交
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子