第二章 超链接和表单

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:公共属性

原文地址:https://www.cnblogs.com/suola/p/8275737.html