1、要在HTML中實(shí)現(xiàn)輸入框效果，可以使用``標(biāo)簽它可以用來(lái)創(chuàng)建文本輸入框復(fù)選框單選框等例如，要?jiǎng)?chuàng)建一個(gè)文本輸入框，可以使用如下代碼在``標(biāo)簽內(nèi)，`type`屬性用來(lái)指定輸入框的類型對(duì)于文本輸入框，`type`屬性應(yīng)設(shè)為`text``name`屬性用于給輸入框命名，方便后續(xù)腳本操作或服務(wù)器端處理下面。

2、方法一html5配合css3實(shí)現(xiàn)帶提示文字的輸入框擺脫jswebkit特有的一個(gè)css，可以控制里面的文字樣式，配合css3的動(dòng)畫效果和偽類，我們就可以很容易做出一個(gè)帶動(dòng)畫的輸入框，在系統(tǒng)登錄搜索等位置很適合，感興趣的你可以參考下本文或許可以幫助到你，Webkit作為載體開發(fā)系統(tǒng)，當(dāng)然需要大量使用Html5與CSS。

3、文本輸入邊框html 文件代碼清單如下lt！doctype htmllthtml lang=quotzhquot lthead ltmeta charset=quotutf8quot lttitle文本輸入邊框lttitle ltlink rel=quotstylesheetquot href=quotinputbordercssquot lthead ltbody ltform action=quotquot method=quotquot ltfieldset ltlabel用。

4、1我們?cè)诔渲道U費(fèi)的時(shí)候，或者輸入用戶名密碼的時(shí)候，經(jīng)常會(huì)見到如下的提示框 2當(dāng)你的鼠標(biāo)點(diǎn)擊在“手機(jī)號(hào)碼輸入框”中的時(shí)候，輸入框中的“請(qǐng)輸入手機(jī)號(hào)碼”文字消失，取代的是鼠標(biāo)中的光標(biāo) 3此特效是如何實(shí)現(xiàn)的呢看下如下的代碼 4把此代碼拷貝到 dreamwerver 的body標(biāo)簽中間，并預(yù)覽，在瀏覽器。

5、1 First name ltinput type=quottextquot name=quotfnamequot 2 Last name ltinput type=quottextquot name=quotlnamequot 3 ltinput type=quotsubmitquot value=quotSubmitquot 2以上代碼中type=text是文本的輸入框，type=submit是一個(gè)提交按鈕，運(yùn)行的效果如下圖添加多個(gè)輸入框的方法如下ltinput id=quotinput_。

6、1新建并保存一個(gè)html文檔，進(jìn)入html代碼編輯頁(yè)面2寫一個(gè)input文本輸入框，并定義ID，然后寫一個(gè)按鈕，并定義ID3要做的效果就是點(diǎn)擊按鈕為輸入框賦值，然后把輸入框和按鈕的css樣式寫好，不寫樣式也可以4引入jquery文件，路徑要正確，寫jquery代碼，打開瀏覽器測(cè)試一下，點(diǎn)擊按鈕之后，輸入。

7、設(shè)置style=quottextaligncenterquot自動(dòng)退格，有點(diǎn)小缺陷，你自己改改 ltscript = functionevtvar b = evt， oEvent = evt windoweventif oEventkeyCode == 8 var node = b ？ oEventtarget oEventsrcElementif boEvent。

8、html5 可以直接用 placeholder=quot請(qǐng)輸入員工號(hào)quotjs的話 你需要多制作的一個(gè)標(biāo)簽，比如span，覆蓋在輸入框的上方 鼠標(biāo)進(jìn)入的時(shí)候顯示這個(gè)span，離開的時(shí)候就隱藏，原理就是這樣。

9、html2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼其中iconpng是放大鏡圖標(biāo)ltdiv ltinput type=quottextquot ltimg style=quotwidth 20pxposition absoluteleft 140pxtop 15pxquot src=quoticonpngquot ltdiv 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)輸入框右邊添加了放大鏡。

10、以下是一個(gè)使用 `ltdiv` 元素模擬輸入框的示例，并通過(guò) JavaScript 和 CSS 實(shí)現(xiàn)特定字符的顏色變化HTMLltdiv contenteditable=quottruequot id=quotinputboxquot34ltdiv CSSinputbox border 1px solid #cccpadding 5pxwidth 200pxheight 30pxfontsize 16pxcolor black。

11、設(shè)置html的input框的高度和寬度步驟如下1首先用sublime text2新建一個(gè)測(cè)試用的html頁(yè)面2這個(gè)時(shí)候在網(wǎng)頁(yè)中添加以個(gè)label標(biāo)簽和一個(gè)input框3預(yù)覽一下效果，我們可以知道默認(rèn)的寬度是104這里我們通過(guò)設(shè)置size的屬性修改一下寬度5再預(yù)覽一下效果是不是寬度減少了6如果是簡(jiǎn)單改變。

12、有值的情況就隱藏提示語(yǔ)，沒有值就顯示 ifthisVal！=quotquot $thissiblingsquotspanquothide else $thissiblingsquotspanquotshow 聚焦型輸入框驗(yàn)證 $thisfocusfunction $thissiblings。

13、那層是樣式所致，把那個(gè)央視的顏色換掉就可以了。

14、用css改變輸入框樣式的方法如下1打開編輯工具，創(chuàng)建靜態(tài)頁(yè)面2在頁(yè)面中插入一個(gè)輸入框3設(shè)置輸入框的寬度高度文字樣式4在初始化函數(shù)里編寫table函數(shù)，對(duì)于不同情況設(shè)置不同的樣式5預(yù)覽靜態(tài)頁(yè)面，打開瀏覽器調(diào)試結(jié)果6保存代碼并預(yù)覽頁(yè)面，即可看到頁(yè)面展示的效果7按照上述。

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