第二章 超链接和表单

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号即可，如换了后不能正常使用需要步骤：

       1、搜索QQ推广进入官网
       2、进入推广工具界面
       3、开通免费推广，获取下方的代码，替换上对应的QQ即可。

其他：
href属性_路径方式
绝对路径：少用，完整的地址
相对路径：常用，相对于当前地址的位置。

target属性_打开方式
_blank 空白页打开|新窗口打开
_self 自己页面打开
_parent 父页面打开
_top顶部打开

2、注释和特殊符号
注释：<!--注释内容-->
特殊符号：空格&nbsp; 版权号&copy; 大于(>)：&gt;
小于(<）:&lt; 引号（”）：&quot;

3、表单<form method="postget" 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：公共属性