第二章 超連接和表單

1.超連接

做用：頁面間導航
語法：<a href="目標地址" target="打開方式">超連接的文字|圖片</a>
（1）頁面間連接 ——應用於頁面導航
（2）錨連接 ——使用name屬性和#,經常使用於頁面中，頁面間也能夠
（3）功能性連接 ——經常使用於郵箱\QQ連接
例如：

喚醒郵箱<a href="mailto:123456@qq.com">郵箱</a>

喚醒QQ：<a  href="http://wpa.qq.com/msgrd?v=3&uin=&site=1234567890&menu=yes">

喚醒微信：<a href="weixin://" onclick="PIWI_SUBMIT.Weixin_Open()" >

注：喚醒QQ連接中的1234567890換成對應的QQ號便可，如換了後不能正常使用須要步驟：

       一、搜索QQ推廣進入官網
       二、進入推廣工具界面
       三、開通免費推廣，獲取下方的代碼，替換上對應的QQ便可。

其餘：
href屬性_路徑方式
絕對路徑：少用，完整的地址
相對路徑：經常使用，相對於當前地址的位置。

target屬性_打開方式
_blank 空白頁打開|新窗口打開
_self 本身頁面打開
_parent 父頁面打開
_top頂部打開

二、註釋和特殊符號
註釋：<!--註釋內容-->
特殊符號：空格&nbsp; 版權號&copy; 大於(>)：&gt;
小於(<）:&lt; 引號（」）：&quot;

三、表單<form method="post\get" action="表單提交地址">…</form>
（1）表單元素input的type屬性的屬性值：
type的屬性值 功能 例子
text 單行文本輸入 <input type="text" name="username" />
password 密碼 <input type="password" name="password" />
radio 單選 <input type="radio" name="sex" value="男" />男
checkbox 多選 <input type="checkbox" value="書" />書
reset 重置表單數據 <input type="reset" value="重置" />
file 文件上傳 <input type="file" name="files" />
submit 提交表單數據 <input type="submit" value="提交" />
image 圖形提交按鈕 <input type="image" src="images/button.gif" />
button 普通按鈕 <input type="button" value="播放音樂" />
（2）表單元素：下拉列表-列表項 select-option
<select>
<option>一月</option>
<option>二月</option>
<option>下拉列表項目</option>
</select>

（3）表單元素textarea和他的屬性:行rows、列cols——不是像素是字數，  實際大小=字體大小*字數
<textarea rows="2" cols="10">
文本域中的內容
</textarea>

默認狀況下 ：

resize 能夠拖動 如須要禁止 在CSS樣式裏面添加 resize:none;

默承認以輸入內容 禁止輸入內容 disabled="disabled"

輸入內容只讀狀態 readonly="readonly"

（4）表單元素的高級屬性：

只讀-readonly：但願某個框內的內容只容許用戶看，不能修改

禁用-disabled：因沒達到使用的條件，限制用戶使用

tabindex:輸入域的「tab」鍵遍歷順序，輸入狀態的焦點順序

accesskey：表單的快捷鍵訪問方式

common：公共屬性