最近工作遇到一個(gè)需求，就是需要在一個(gè)輸入框里面輸入多個(gè)報(bào)關(guān)單號(hào)，用逗號(hào)隔開，但是如果直接讓用戶在一個(gè)輸入框輸入的話，用戶可能會(huì)隨便填寫，也不方便校驗(yàn)，所以就改成了如下圖所示實(shí)現(xiàn)方式，點(diǎn)開出現(xiàn)一個(gè)彈框，彈框里面有一個(gè)固定的輸入框，后面顯示一個(gè)加號(hào)按鈕，通過點(diǎn)擊加號(hào)按鈕，可以動(dòng)態(tài)的添加。

1ltinput 元素定義輸入框，根據(jù)不同的 type 屬性，可以變化為多種形態(tài)例如ltinput type=text表示文本輸入框，ltinput type=password表示密碼輸入框，ltinput type=radio表示單選輸入框，ltinput type=checkbox表示復(fù)選輸入框2ltselect 元素定義下拉列表3ltoption 元素定義待選擇的選項(xiàng)。

這是效果，你自己改改就好了lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot lthtml lthead ltmeta。

HTML中行內(nèi)元素與塊級(jí)元素的區(qū)別一行內(nèi)元素的特點(diǎn)1行內(nèi)元素只能容納文本或者其他行內(nèi)元素2寬度只與內(nèi)容有關(guān)3和其他元素都在一行上4高，行高及外邊距和內(nèi)邊距部分可改變二塊級(jí)元素具有以下特點(diǎn)1高度，行高以及外邊距和內(nèi)邊距都可控制2總是在新行上開始，占據(jù)一整。

1首先需要定義一個(gè)照片數(shù)組2在這個(gè)數(shù)組里面初始化了三個(gè)簡(jiǎn)單的圖片元素3這個(gè)時(shí)候，頂一個(gè)下標(biāo)變量用來dw五秒自動(dòng)換照片的變量4此時(shí)可以建立一個(gè)回調(diào)函數(shù)，名為changeimg，dw五秒自動(dòng)換照片的重要代碼在此5當(dāng)圖片下標(biāo)等于圖片數(shù)組長(zhǎng)度，那么就歸為零并利用src屬性獲得圖片數(shù)組的下標(biāo)。

多行的就不能使用Input了需要使用textarea標(biāo)簽屬性textarea代表html的單多行輸入域 html多行輸入框 tyle=quotOVERFLOW hiddenquot style=quotOVERFLOW visiblequot始終不顯示滾動(dòng)條，文本區(qū)域的大小會(huì)根據(jù)內(nèi)容的增加，自動(dòng)增長(zhǎng)，以顯示全部?jī)?nèi)容 lttextarea cols=quot2quot rows=quot6quot style=quotOVERFL。