圖片熱點(diǎn)：

?規(guī)劃出圖片上的一個(gè)區(qū)域，可以做出超鏈接，直接點(diǎn)擊圖片區(qū)域就可以完成跳轉(zhuǎn)的效果。示例：

?

網(wǎng)頁(yè)劃區(qū)：

在一個(gè)網(wǎng)頁(yè)里，規(guī)劃出一個(gè)區(qū)域用來(lái)展示另一個(gè)網(wǎng)頁(yè)的內(nèi)容。示例：

?

?

網(wǎng)頁(yè)的拼接：

在一個(gè)網(wǎng)絡(luò)頁(yè)面內(nèi)，規(guī)劃出多個(gè)頁(yè)面窗口，以表格拼接的形式展示出來(lái)。

示例：

?

?表單：

<form id="" name="" method="post/get" action="負(fù)責(zé)處理的服務(wù)端">

id不可重復(fù)，name可重復(fù)，get提交有長(zhǎng)度限制，并且編碼后的內(nèi)容在地址欄可見(jiàn)，

post提交沒(méi)有長(zhǎng)度限制，且編碼后內(nèi)容不可見(jiàn)。

</form>（目前先不用寫(xiě)）

?一、文本輸入：

?文本框<input type="text" name="" id="" value="" /> 【<form>賬號(hào):<input type="text" requid="requid"(必須填寫(xiě)在文本框)></form>】

??? 密碼框<input type="password" name="" id="" value="" />【密碼：input type="password" placeholder="請(qǐng)輸入密碼"（顯示在文本框的提示）】

??? 文本域<textarea name="" id="" cols=""(字符多少) rows=""(幾行高)></textarea>【說(shuō)說(shuō)：<textarea cols="35" rows="20"></textarea>】

??? 隱藏域<input type="hidden" name="" id="" value="" />

?二、按鈕：

?提交按鈕<input type="submit" name="" id="" disabled="disabled" value="" />【點(diǎn)擊后轉(zhuǎn)到form內(nèi)的提交服務(wù)器的地址，其中submit-以上內(nèi)容打包提交，value=上方顯示提交或者注冊(cè)】

??? 重置按鈕<input type="reset" name="" id="" disabled="disabled" value="" />【disabaled 代表按鈕失效】

??? 普通按鈕<input type="button" name="" id="" disabled="disabled" value="" />

??? 圖片按鈕<input type="image" name="" id="" disabled="disabled" src="圖片地址" />

??? disabled使按鈕失效

??? enable使按鈕可用

三、選擇輸入

??? 單選按鈕組<input type="radio" name="" checked="checked" value="" />【在本組當(dāng)中只允許選擇一個(gè)，用 name來(lái)分組比如：<input type="radio" name="sex" checked="checked" disabled='disable"?/>男<input type="radio" name="sex"/>女?】必須選擇男的

??? 復(fù)選框組<input type="checkbox" name="" checked="checked" value="" />[checked="checked",表示必須被選中，<input type="checkbox>百事可樂(lè)<input type="checkbox>可口可樂(lè)<input type="checkbox>芬達(dá)] 從這三個(gè)里面可以選擇多選。

??? 文件上傳<input type="file" name="" id="" />

四、下拉列表框

4.下拉列表框

??? <select name="" id="" size="" multiple="multiple">

??? --size為1時(shí)，為菜單；>1時(shí)，為列表。multiple為多選。

??????? <option value="值">內(nèi)容1</option>

????? ??<option value="值" selected="selected">內(nèi)容2</option>

??????? --selected,設(shè)為默認(rèn)

??????? <option value="值">內(nèi)容3</option>

??? </select>【當(dāng)size="1"時(shí)下拉的內(nèi)容只能選擇一個(gè)。selected="selected"設(shè)為默認(rèn)選中的。】

用以上做一個(gè)郵箱注冊(cè)的頁(yè)面如下；

源代碼：

<title>郵箱注冊(cè)</title>
</head>
<form>
<table background="0817/未標(biāo)題-3.jps"align="left" width="100%" height="700" border="0" cellpadding="0" cellspacing="0">
<tr height="20"><td></td></tr>
<tr height="20"><td width="10%">
賬號(hào)：</td><td><input type="text" value="" placeholder="請(qǐng)輸入賬號(hào)"/>
</td>

</tr>
<tr height="20"><td></td></tr>
<tr height="20"><td width="10%"></td><td><font size="-3" color="#999999">需要通過(guò)郵箱激活賬戶(hù)，不支持sohu,21cn,sogou的郵箱</font></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td>登陸用戶(hù)名：</td><td><input type="text" value="" placeholder="請(qǐng)輸入用戶(hù)名"/></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td></td><td><font size="-3" color="#999999">僅在登錄時(shí)使用，字符數(shù)不少于4個(gè)</font></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td>顯示名稱(chēng)：</td><td><input type="text" value="" placeholder="請(qǐng)輸入名稱(chēng)"/></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td></td><td><font size="-3" color="#999999">即昵稱(chēng)，字符數(shù)不少于2個(gè)</font></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td>密碼:</td><td><input type="password" value="" placeholder="請(qǐng)輸入密碼"/></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td>確認(rèn)密碼：</td><td><input type="password" value="" placeholder="請(qǐng)輸入密碼"/></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td></td><td><font size="-3" color="#999999">至少8位，必須包含字母、數(shù)字、特殊字符</font></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td>性別：</td><td><input type="radio" name="sex" value=""/>男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="sex" value=""/>女</td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td>喜好:</td><td><select name="" size="1" >
<option value="" selected="selected">唱歌</option>
<option value="">游泳</option>
<option value="">踢足球</option>
<option value="">打籃球</option>
<option value="">跳舞</option>
<option value="">跑步</option>
</select></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td></td><td><input type="submit" name="" value="注冊(cè)" /></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td></td></tr>
<tr height="20"><td></td></tr>

</table>



</form>
</html>

效果：

?

?

快速制作網(wǎng)頁(yè)的方法：

??? 利用Photoshop中的切片工具來(lái)規(guī)劃出要設(shè)置鏈接的位置，保存時(shí)注意選擇html和圖片的格式保存，設(shè)置好后存儲(chǔ)為web可使用的html格式。

用DREAMWEAVER打開(kāi)，打開(kāi)設(shè)計(jì)頁(yè)面，選擇切片弄好的位置，在屬性中輸入超鏈接的網(wǎng)址即可。

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/diaozhaojian/p/5785634.html

總結(jié)

以上是生活随笔為你收集整理的表单和iframe的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。