客户端网页编程3

最新推荐文章于 2025-07-04 14:01:16 发布

原创最新推荐文章于 2025-07-04 14:01:16 发布 · 334 阅读

0 ·

CC 4.0 BY-SA版权

（1）xhtml基础

一、超链接与目录

①以一个反斜杠（/）开头的目录表示该目录为根目录的一个子目录

②以一个点加一个反斜杠（./）开头的目录表示该目录为当前目录（当前页面所在的目录的一个子目录）

③以两个点加一个反斜杠（../）开头的目录表示该目录为当前目录的父目录

<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>小小是个听话的乖猫</h1>
<a href="../小猫猫">点击进入father</a>
<a href="小小猫.html">点击进入小小猫</a>
<a href="./小小猫.html">点击进入小小猫</a>
<a href="/grandfather/猫猫.html">点击进入猫猫</a>
<a href="../../猫猫.html">点击进入猫猫</a>
</body>
</html>

son>小小猫.html 小小妞.html father > son 小猫猫.html grandfather>father 猫猫 .html

运行结果：
<a href="/grandfather/猫猫.html">点击进入猫猫</a>和<a href="../../猫猫.html">点击进入猫猫</a>的运行结果相同

二、快捷键

accesskey属性可以给超链接设置一个快捷键，tabindex属性可以设置页面上超链接的tab次序。

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <a name="my">第一章</a>
    <a href="#" tabindex="2">tab的第二次</a>

    <a href="parent.html#my">跳转第一章</a>
    <a href="#" accesskey="a">执行跳转</a>
    <a href="#" tabindex="1">tab的第一次</a>
    <br/><br/><br/><br/><br/><br/><br/>
</body>
</html>

三、在网页中显示图形

格式：<img src="filename.gif" alt="">

指定alt的属性后，当图像不能显示时，如果鼠标移动到图像上，就会显示alt的文本值

四、在网页中插入其他网页

将连接在内部框架中打开，是target与iframe的名称相同

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<a href="1.html"  target="main"></a>
<iframe  width=500 height=200 scrolling="auto" farmeboder=1 name=main></inframe
</body>
</html>

五、块级函数内嵌函数

不同之处：块级函数定义的元素是换行的，而内嵌元素定义的文本是不换行的。

常见的块级元素：div、列表元素（dl、UI、ol）、form、h1-h6、p、tableblockquote、fieldest、hr、pre等

内嵌元素：span、a、img、label、iframe、object、所有的表单输入元素等

（2）xhttp表单

一、

1.http get协议：将数据与实际URL文本附加在一起，将数据传递带目标，get的方式是不安全的，能传输的数据量较小

2.http post协议：将数据在http数据流中的编码发送，post的方式是较为安全的，能传输的数据量较大

3.form属性：encopy》表单数据的内容类型，即编码类型

id》表单名称的位移标识号

二、隐藏字段

功能：跟踪表单有关的信息时，可以使用隐藏字段

①隐藏表单不可见 ②有初始值 ③储存上一单数据的内容 ④所填的内容与表单内容一起提交

三、文件的上传控件

注：在为表单中使用控件时，必须在<from>标记中设置如下的属性：

①指定<form>的enctype属性为“form、multipart”，以允许要上传的文件与其它数据附带在一起传递

②使用method属性为post，而不是get

格式：<form id="myForm" method="post" > <input type="file" id="resume">

浏览器会自动在文件上传控件旁边加上一个浏览按钮，让用户可以选择本地硬盘上的一个文件

四、fieldlegnd和legend元素

field元素被用作表表单元素的一个容器，它在包含的元素的周围显示一个细边框的盒子。legend元素放在field元素内部，在盒子上加上一个标题

<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form id="myForm" action="#" method="post">
    <fieldset>
            <legend>性别</legend>
                <p>
            <input type="radio"  name="gender" id="male" value="male">男</input><br/>
            <input type="radio" name="gender" id="female" value="female">女</input>
        </p>
    </fieldset>
</form>
</body>
</html>