Dreamweaver添加表单方法
表单可以让网页进行简单交互,今天小编为大家介绍一下Dreamweaver 添加表单方法。
Dreamweaver在文档中添加表单的步骤如下:
1. 在HTML文档中将光标移动到需要添加表单的位置上,点击“插入”菜单,选择“表单”命令,在弹出的子菜单中选择“表单”项。
或者在“插入”面板中选择“表单”项,点击“表单”图标,如下图所示:
点击“窗口”菜单,选择“插入”项,即可打开“插入”面板。
2. 点击“表单”按钮后,在文档窗口中就创建好了表单,这是一个由红色虚线围成的框。如下图所示:
如果看不到红色虚线框,请点击“查看”菜单,选择“可视化助理”项,在弹出的子菜单中选择“不可见元素”项。
插入表单标签以后,在“代码”视图中可以查看源代码:
form id="form1" name="form1" method="post" action=""
/form
3. 在文档中点击表单红色框线选取表单,在编辑窗口的下面出现了表单属性面板,如下图所示:
4. 在“表单 ID”文本框中输入一个唯一的名称来标识表单,如:form1。
5. 在“动作”文本框中指定将要处理表单信息的脚本或者应用程序所在的URL路径。可以直接输入,也可以点击文本框旁边的“文件夹”图标来获得。
6. 在“目标”下拉菜单中选择返回数据的窗口的打开方式。
值_blank:表示在一个新窗口中打开链接文档。
值_new:表示在一个新窗口中打开链接文档。
值_parent:表示在包含这个链接的父框架窗口中打开链接文档。
值_self:表示在包含这个链接的框架窗口中打开链接文档。
值_top:表示在整个浏览器窗口中打开链接文档。
7. 在“方法”下拉菜单中选择要处理表单数据的方式。
POST:将表单值封装在消息主体中发送。
GET:将提交的表单值追加在URL后面发送给服务器。这也是浏览器的默认设置传递表单数据的方式。
8. 在“编码类型”下拉菜单中选择表单数据在被发送到服务器之前应该如何加密编码。
绛旓細HR锛堟按骞崇嚎锛夊湪鏂囨。涓厜鏍囨墍鍦ㄥ鎻掑叆姘村钩绾裤 Navigation Bar锛堝鑸爮鎸夐挳锛夋彃鍏ヤ竴缁勭敤浜庣珯鐐瑰鑸殑鍥惧儚銆 Layer锛堝眰鎸夐挳锛夊垱寤哄眰銆傚崟鍑昏鎸夐挳锛岀劧鍚庡皢榧犳爣鎸囬拡绉诲姩鍒版枃妗g獥鍙d腑鎷栧姩锛屽嵆鍙畾涔夊眰鐨勫ぇ灏忓拰浣嶇疆銆傚湪榛樿鎯呭喌涓嬶紝Dreamweaver鍒涘缓鐨勫眰鐢盌IV鏍囪瀹氫箟銆備娇鐢ㄥ睘鎬ф鏌ュ櫒閫夋嫨涓嶅悓鏍囩锛屾垨鏀瑰彉灞傚弬鏁扮殑榛...
绛旓細1. 鍚姩DW杞欢骞跺垱寤烘柊绔欑偣銆2. 鍦ㄦ柊绔欑偣涓柊寤轰竴涓狧TML鏂囦欢銆3. 鍒╃敤宸ュ叿鏍忎笂鐨勨滄彃鍏モ濋夐」锛岄夋嫨鈥滆〃鍗曗濆厓绱犮4. 閫夋嫨琛ㄥ崟绫诲瀷鍚庯紝琛ㄥ崟鎻掑叆鍒扮綉椤典腑銆5. 閫氳繃鎸夊洖杞﹂敭鍙互璋冩暣琛ㄥ崟鐨勫ぇ灏忋6. 浠庤〃鍗曞伐鍏锋爮閫夋嫨鈥滄枃鏈煙鈥濓紝鍦ㄧ綉椤典笂娣诲姞鏂囨湰杈撳叆妗嗐7. 娣诲姞閫夐」鎸夐挳锛屽苟涓烘彁浜ゆ寜閽缃甀D锛堜緥濡...
绛旓細1.鐐瑰嚮榧犳爣锛屽皢鍏夋爣瀹氫綅鍦ㄨ〃鍗曟绾垮唴锛岀偣鍑烩滄彃鍏モ濊彍鍗曪紝閫夋嫨鈥滆〃鍗曗濋」锛屽湪寮瑰嚭鐨勫瓙鑿滃崟涓夋嫨鈥滃崟閫夋寜閽濆懡浠ゃ傛垨鑰呭湪鈥滄彃鍏モ濋潰鏉夸腑閫夋嫨鈥滆〃鍗曗濋」锛岀偣鍑烩滃崟閫夋寜閽濆浘鏍囥傜偣鍑烩滅獥鍙b濊彍鍗曪紝閫夋嫨鈥滄彃鍏モ濋」锛屽彲浠ユ墦寮鈥滄彃鍏モ濋潰鏉裤2.鐐瑰嚮鈥滃崟閫夋寜閽濆浘鏍囧悗锛屽脊鍑衡滆緭鍏ユ爣绛捐緟鍔╁姛鑳藉睘鎬р濆璇濇...
绛旓細Dreamweaver鍦ㄦ枃妗d腑娣诲姞琛ㄥ崟鐨勬楠ゅ涓嬶細1. 鍦℉TML鏂囨。涓皢鍏夋爣绉诲姩鍒伴渶瑕佹坊鍔犺〃鍗曠殑浣嶇疆涓婏紝鐐瑰嚮鈥滄彃鍏モ濊彍鍗曪紝閫夋嫨鈥滆〃鍗曗濆懡浠わ紝鍦ㄥ脊鍑虹殑瀛愯彍鍗曚腑閫夋嫨鈥滆〃鍗曗濋」銆傛垨鑰呭湪鈥滄彃鍏モ濋潰鏉夸腑閫夋嫨鈥滆〃鍗曗濋」锛岀偣鍑烩滆〃鍗曗濆浘鏍囷紝濡備笅鍥炬墍绀猴細鐐瑰嚮鈥滅獥鍙b濊彍鍗曪紝閫夋嫨鈥滄彃鍏モ濋」锛屽嵆鍙墦寮鈥滄彃鍏モ濋潰鏉裤2. ...
绛旓細涓銆佸湪Dreamweaver涓彃鍏ヨ〃鍗曟寜閽1. 鐐瑰嚮榧犳爣锛屽皢鍏夋爣瀹氫綅鍦ㄨ〃鍗曟绾垮唴锛岀偣鍑烩滄彃鍏モ濊彍鍗曪紝閫夋嫨鈥滆〃鍗曗濋」锛屽湪寮瑰嚭鐨勫瓙鑿滃崟涓夋嫨鈥滄寜閽濆懡浠銆傛垨鑰呭湪鈥滄彃鍏モ濋潰鏉夸腑閫夋嫨鈥滆〃鍗曗濋」锛岀偣鍑烩滄寜閽濆浘鏍囷紝濡備笅鍥炬墍绀猴細鐐瑰嚮鈥滅獥鍙b濊彍鍗曪紝閫夋嫨鈥滄彃鍏モ濋」锛屽彲浠ユ墦寮鈥滄彃鍏モ濋潰鏉裤2. 鐐瑰嚮鈥滄寜閽濆浘鏍囧悗锛...
绛旓細涓銆佸湪Dreamweaver鍦ㄨ〃鍗曚腑鎻掑叆琛ㄦ牸 1. 鐐瑰嚮榧犳爣锛屽皢鍏夋爣瀹氫綅鍦ㄨ〃鍗曟绾垮唴閮锛岀劧鍚庢彃鍏ヨ〃鏍硷紝鍜屽湪鏅氭枃妗d腑鐨勬柟娉曚竴鏍枫傚涓嬪浘鎵绀猴細鍦ㄢ滀唬鐮佲濊鍥句腑鍙互鏌ョ湅婧愪唬鐮侊細2. 鎻掑叆琛ㄦ牸浠ュ悗锛屽湪琛ㄦ牸鐨勫崟鍏冩牸涓啀鎻掑叆琛ㄥ崟鐨勫璞℃垨鑰呭煙鏍囩銆傚涓嬪浘鎵绀猴細浜屻佹彁绀 鍦ㄨ〃鍗曚腑鎻掑叆琛ㄦ牸锛岃兘浣胯〃鍗曞璞″拰鍩熸爣绛剧殑...
绛旓細鎵撳紑DreamWeaver缂栫▼杞欢锛屽垱寤轰竴涓鍥炬墍绀虹殑绌虹櫧椤甸潰銆傞紶鏍囧畾浣嶅湪璁捐鍜岀紪杈戞媶鍒嗗紑鐨勨滅紪杈戞鍐呪濓紝鐐瑰嚮鑿滃崟涓殑鈥鎻掑叆鈥濇寜閽紝閫夋嫨鍏朵腑鐨勨琛ㄥ崟鈥濆姛鑳介」锛屽湪寮瑰嚭鐨勫瓙鑿滃崟涓夋嫨鈥滈夋嫨(鍒楄〃/鑿滃崟)鈥濆懡浠わ紝濡備笅鍥炬墍绀猴細涓婁竴姝ラ杩樺彲閫氳繃濡備笅鎿嶄綔瀹炵幇锛氬湪鈥滄彃鍏モ濋潰鏉夸腑閫夋嫨鈥滆〃鍗曗濋」锛岀偣鍑烩滈夋嫨(鍒楄〃/...
绛旓細1.绗竴姝 鏂板缓HTML鏂囨。 2.绗簩姝 鍦ㄨ彍鍗曟爮涓夋嫨銆鎻掑叆銆戔斺斻愯〃鏍笺3.绗笁姝 鎻掑叆鐨勮〃鏍煎彲浠ヨ缃浉瀵瑰簲鐨勫垪鍜岃锛屽凡缁忚竟妗嗐佸唴杈硅窛 4.绗洓姝 鎴愬姛鎻掑叆琛ㄦ牸鍚庯紝鍦╤tml浠g爜涓氨浼氳嚜鍔ㄧ敓鎴愪唬鐮併傚叾涓敞鎰忓埌涓や釜鍙傛暟锛宑ellspacing鎺у埗杈规鍍忕礌锛宑ellpadding鎺у埗鍐呭鍒拌竟妗嗙殑璺濈 5.绗簲姝 ...
绛旓細浜屻佹搷浣滄楠わ細銆1銆戠涓姝ユ槸鎵撳紑Dreamweaver宸ュ叿銆傘2銆戠劧鍚庡湪Dreamweaver閫夐」鐨勪腑锛岄夋嫨鏂板缓涓涓狧tml鏂囦欢锛岃繖涓槸鍒朵綔缃戦〉鐨勫墠鎻愩傘3銆戣繘鍏reamweaver涓荤晫闈㈠悗锛屾垜浠彲浠ョ湅鍒拌嚜鍔ㄧ敓鎴愮殑鏍囬銆佸ご銆佽韩浣撶殑鐩稿叧鐨勪唬鐮佺殑鍑虹幇锛岃繖涓槸杞欢鑷姩鐢熸垚鐨勶紝鍙互鐩存帴浣跨敤鐨勩傘4銆戝湪Dreamweaver浠g爜鐨勪富鐣岄潰涓紝鍦ㄤ唬鐮...
绛旓細1銆佹墦寮AdobeDreamweaverCC2018锛屾柊寤烘枃妗o紝杈撳叆鏍囬骞堕夋嫨鏂囨。绫诲瀷锛岀劧鍚庣偣鍑诲垱寤 2銆佸垱寤哄畬姣曞悗锛岄粯璁ゅ湪瀹炴椂瑙嗗浘绐楀彛锛鎻掑叆鎼滅储妗嗘帶浠 3銆佺偣鍑绘彃鍏ヨ彍鍗曪紝渚濇閫夋嫨琛ㄥ崟--->鎼滅储锛屾彃鍏ユ悳绱㈣緭鍏ユ 4銆佹悳绱㈡杈撳叆鍚庯紝闇瑕佷竴涓寜閽紝瑙﹀彂杩欎釜鎼滅储鍔 5銆佺揣鎺ョ潃鍦ㄦ悳绱㈡鍚庢彃鍏ヤ竴涓悳绱㈡寜閽紝璋冩暣鏁翠綋 6銆娣诲姞...