js簡單實現(xiàn)表單中點擊按鈕動態(tài)增加輸入框數(shù)量的方法
更新時間：2015年08月18日 15:51:25 作者：企鵝
這篇文章主要介紹了js簡單實現(xiàn)表單中點擊按鈕動態(tài)增加輸入框數(shù)量的方法,涉及javascript鼠標(biāo)點擊事件及insertAdjacentHTML方法的相關(guān)使用技巧,需要的朋友可以參考下
本文實例講述了js簡單實現(xiàn)表單中點擊按鈕動態(tài)增加輸入框數(shù)量的方法。分享給大家供大家參考。具體如下：
這里演示表單中點擊按鈕動態(tài)增加輸入框數(shù)量的方法，默認(rèn)是沒有輸入框，點擊按鈕之后，輸入框會不斷的增加，每點擊一次，增加一個，覺得挺不錯吧，希望對你有所幫助。
運(yùn)行效果如下圖所示：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-table-input-button-add-codes/
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>點擊按鈕動態(tài)增加輸入框數(shù)量</title>
</head>
<body>
<script>var i=1</script>
<input type=button onclick="document.body.insertAdjacentHTML('beforeEnd','<input type=text name='+i+' value='+i+++'> ')" value=添加>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- jQuery實現(xiàn)立體式數(shù)字動態(tài)增加（animate方法）
- jQuery實現(xiàn)立體式數(shù)字滾動條增加效果
- js實現(xiàn)增加數(shù)字顯示的環(huán)形進(jìn)度條效果
- JavaScript數(shù)組Array對象增加和刪除元素方法總結(jié)
- 為jquery的ajaxfileupload增加附加參數(shù)的方法
- Apache增加最大連接數(shù)的方法
- php 數(shù)組操作(增加，刪除，查詢，排序)等函數(shù)說明
- MYSQL數(shù)據(jù)庫中的現(xiàn)有表增加新字段（列）
- jquery對table中各數(shù)據(jù)的增加、保存、刪除操作示例
- 數(shù)據(jù)庫中兩張表之間的數(shù)據(jù)同步增加、刪除與更新實現(xiàn)思路
- json數(shù)據(jù)處理技巧(字段帶空格、增加字段、排序等等)
- Jquery中增加參數(shù)與Json轉(zhuǎn)換代碼
- JavaScript實現(xiàn)數(shù)值自動增加動畫
相關(guān)文章
Kibo是一個簡單的用于處理鍵盤事件的Javascript工具庫。2011-10-10![一個輕量級的XHTML右鍵菜單[支持IE和firefox]](http://img.jbzj.com/images/xgimg/bcimg1.png)
一個輕量級的XHTML右鍵菜單[支持IE和firefox]...2007-01-01
關(guān)于Javascript 對象(object)的prototype
Javascript中的每個對象(object)都會有 prototype，下面為大家介紹下其具體的應(yīng)用2014-05-05
原生js與jQuery實現(xiàn)簡單的tab切換特效對比
這篇文章主要通過原生js與jQuery實現(xiàn)簡單的tab切換特效對比介紹了js與jQuery之間的區(qū)別，有需要的小伙伴可以參考下。2015-07-07
這個函數(shù)來自Rico，Longbill及Dnew.cn修改。 說明: 傳入?yún)?shù)一個，為元素的id值或元素本身，返回為元素的真實背景色值（字符串）。背景值均為16進(jìn)制的值（原代碼是是IE里面返回的是16進(jìn)制的值，而Mozilla則是rgb值，Dnew.cn將其修改為均返回16進(jìn)制的值）。2007-12-12
今天小編就為大家分享一篇淺談Layui的eleTree樹式選擇器使用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了socket在egg中的使用，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
在2016年10月11日facebook 公開了新的javascript包管理工具 yarn, 用來替代目前被廣泛使用的npm(nodejs 自帶的包管理工具)，本文將介紹yarn工具帶來的優(yōu)點和使用入門，以及對比npm解決了什么問題，帶來哪些便利。有需要的朋友們下面來一起看看吧。2016-12-12
JavaScript必知必會(九）function 說起 閉包問題
這篇文章主要介紹了JavaScript必知必會(九）function 說起 閉包問題的相關(guān)資料,需要的朋友可以參考下2016-06-06
本文主要介紹了JavaScript基本類型值-Number類型的相關(guān)知識，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02