明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線(xiàn)學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

dw文本框制作步驟詳細(xì)說(shuō)明

[摘要]這次給大家?guī)?lái)dw文本框制作步驟詳解,dw文本框制作的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。軟件名稱(chēng):Adobe Dreamweaver CS6 綠色精簡(jiǎn)版 by Ansifa (2013.2.22) 93M軟件大。93MB更新時(shí)間:2013-09-27首先我們建立一個(gè)空白的html,...
這次給大家?guī)?lái)dw文本框制作步驟詳解,dw文本框制作的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。

  • 軟件名稱(chēng):

  • Adobe Dreamweaver CS6 綠色精簡(jiǎn)版 by Ansifa (2013.2.22) 93M

  • 軟件大。

  • 93MB

  • 更新時(shí)間:

  • 2013-09-27

首先我們建立一個(gè)空白的html,小編這里用的是Dreamweaver CS6做演示,其他版本類(lèi)似。

dw文本框制作步驟詳解

方法一:適合知道一點(diǎn)html知識(shí)的朋友。

直接寫(xiě)代碼<input type="text" placeholder="文本輸入框" />,這個(gè)就是輸入框。

dw文本框制作步驟詳解

方法二:如果是新手,那么可以采用插入的方式。

1、點(diǎn)擊菜單欄的“插入”,然后選擇“表單”,在表單的子菜單中有“文本域”的選項(xiàng),這個(gè)就是輸入框。

dw文本框制作步驟詳解

2、然后會(huì)彈出一個(gè)對(duì)話(huà)框,我們可以設(shè)置文本框的名字、大小等屬性。

dw文本框制作步驟詳解

最后在瀏覽器中看一下效果,第一個(gè)是手寫(xiě)的,第二個(gè)是插入的

dw文本框制作步驟詳解

相信看了本文案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!

推薦閱讀:

Node調(diào)試工具使用詳解

jquery fullpage插件添加頭部與尾部版權(quán)相關(guān)

以上就是dw文本框制作步驟詳解的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。