【day03】Xhtml

一.HTML公共属性
1. title 提示
2. class
3. id
4. style
说明:除了 html,head,body,link,meta外其他标记都可使用的属性
二.表单
1.表单的作用:收集客户端的信息，然后发送到服务器上。
2.表单格式
<form action="服务器的URL .php" method="传输方式get|post" name="表单名称">
    ...
</form>
      说明:
      a. action写服务器的URL
              服务器:装有应用软件的计算机
             WEB服务器：装有提供浏览服务的应用软件
      b. method 默认值 get
      c. get：将信息名/值对附加在浏览器地址栏的后面
                        形如: xx.php?user=tom&pwd=123
                        小文件，不安全
      d. post:将信息名/值对附加在HTTP请求头部
                        中，大文件，安全
      e.表单元素要有有效的名称和提交值

3.表单元素
   (1) 单行文本框
   <input type="text" name="名称" value="值"size="文本框宽度" maxlength="最大字符长度"/>
   (2) 密码框
   <input type="password" name="名称" value="值"size="文本框宽度" maxlength="最大字符长度"/>
   (3)单选框
   <input type="radio" name="名称" value="值"/>
      说明:
     a.一组相同的单选框名称必须相同
     b.单选框必须有有效的提交值 checked="checked"
(4)多选框
   <input type="checkbox" name="名称" value="值"/>
      说明:
    a.一组相同的多选框名称必须相同，并且名称以数组(存多个值)形式存储，形如 :名称[]

    b.多选框必须有有效的提交值 checked="checked"

(5) 下拉列表框
   <select name="名称" multiple="multiple" size="高度">
     <optgroup label="分组名称">
      <option value="名称">...</option>
      <option value="名称">...</option>
     </optgroup>
     ...
   </select>
   说明:
    a.下拉列表框要有有效的提交值 selected="selected"
    b.设置 multiple="multiple"实现多选下拉列表框
      name名称以数组形式存储 ,形如名称[]
(6) 浏览框
   <input type="file" name="名称" value="值"/>
     说明:
        表单中有浏览框具备的条件
    a. method 传输方式必须是post
    b. form标记中添加属性和值
       enctype="multipart/form-data"
(7)多行文本框
   <textarea name="属性" rows="高度" cols="宽度">
         值
   </textarea>
     说明: 多行文本框被HTML在线编辑器替代
(8)按钮
        提交按钮:
     <input type="submit" name="名称" value="值"/>
        普通按钮:
     <input type="button" name="名称" value="值"/>
           注意:必须结合javascript脚本代码实现表单提交
        图像域按钮:
     <input type="image" src="图像URL" name="名称" value="值"/>
        重置按钮
     <input type="reset" name="名称" value="值"/>
       说明:一般不给按钮加 name属性
(9)隐藏域
    <input type="hidden" name="名称" value="值"/>
       说明:给服务器传值，客户端无需理会
(10)总结
   a. <input type="类型" name="名称" value="值"/>
     type:
       text 单行文本框
       password 密码框
       radio 单选框
       checkbox 多选框
       file 浏览框
       submit 提交按钮
       button 普通按钮
       image 图像域按钮
       reset 重置按钮
       hidden 隐藏域

    b.其他
           下拉列表框 <select>...</select>
           多行文本框 <textarea>...</textarea>

三.框架集：
   1.作用:框架集被用来组织实现多个窗口效果，
                   并且每个窗口实现独立的页面
   2.分类
     frameset框架集
     iframe 框架集
   3.frameset 格式
    (1)<frameset rows|cols>
         <frame src="1.html"/>
         <frame src="2.html"/>
       </frameset>
           说明:
         a. frameset 属性
             rows="20%,*" 实现上下窗口
             cols="20%,*" 实现左右窗口
         b.frameset 不能和 body一起使用
         c.检查是否支持框架集
           <noframes>
              <body>此浏览器不支持框架</body>
           </noframes>
    (3)嵌套框架
       <frameset rows="20%,*">
          <frame src="top.html"/>
          <frameset cols="20%,*">
             <frame src="menu.html"/>
             <frame src="main.html"/>
          </frameset>
       </frameset>
    (4) frame 属性
        a.noresize:no|yes 调整窗口
        b.scrolling:no|yes|auto自动设置滚动条
        c.frameborder:框架边框值 0,1

   4.iframe 框架

    <iframe src="目标文档URL"
      width="宽度" height="高度"
      name="框架名称"
      scrolling="no"
      frameborder="0">
      ...
    </iframe>

附带eg代码：

<body>

<form action="index.php" method="get" name="test1">

单行文本框：

<input type="text" name="test-text" value="type类型为text，name名称为test-text，size为100，maxlength为50" size="100" maxlength="50"/>　　<br />

<!--密码框-->

密码框（type类型为password，name名称为test-password，size为100，maxlength为50）：

<input type="password" name="test-password" value="" size="100" maxlength="50"/>　　<br />

<!--单选框-->

单选框：

<br />

<input type="radio" name="test-radio1" value="type类型为radio，name名称为test-radio1"/>　　type类型为radio，name名称为test-radio1　　<br />

<input type="radio" name="test-radio2" value="type类型为radio，name名称为test-radio"/>　　type类型为radio，name名称为test-radio2　　<br />

<input type="radio" name="test-radio3" value="type类型为radio，name名称为test-radio"/>　　type类型为radio，name名称为test-radio3　　<br />

<!--多选框-->

多选框:　　<br />

<input type="checkbox" name="test-checkbox1" value="type类型为checkbox，name名称为test-checkbox1"/> 　　type类型为checkbox，name名称为test-checkbox1　　<br />

<input type="checkbox" name="test-checkbox2" value="type类型为checkbox，name名称为test-checkbox2"/>　　type类型为checkbox，name名称为test-checkbox2　　<br />

<input type="checkbox" name="test-checkbox3" value="type类型为checkbox，name名称为test-checkbox3"/>　　type类型为checkbox，name名称为test-checkbox3　　<br />

<!--下拉列表框-->

下拉列表框：

<select name="test-select" multiple="multiple" size="1">

　　<optgroup label="分组名称">

　　　　<option value="1">1</option>

　　　　<option value="2">2</option>

　　</optgroup>

　　<optgroup label="水果">

　　　　<option value="apple">苹果</option>

　　　　<option value="banana">香蕉</option>

　　　　<option value="orange">橘子</option>

　　</optgroup>

　　<optgroup label="蔬菜">

　　　　<option value="qingcai">青菜</option>

　　　　<option value="xiangcai">香菜</option>

　　</optgroup>

</select>

</form>

<!--浏览框-->

<form action="test-none.php" method="post" name="test2">

浏览框：<input type="file" name="test-file" value="type类型为file,name名称为test-file"/>

<br />

<!--编辑器兼容出错-->

<p>

　　<font color="#0000FF" size="20">

　　　　下面的“多行文本框”“提交按钮”“普通按钮”“图像域按钮”“重置按钮”“隐藏按钮”等标签因编辑器出错无法在此页面做出预览，请移步至另一个页面查看

　　　　<a href="http://down.mykeji.net/upload/da03.html" target="_blank">点击此处查看</a>

　　</font>

</p>

<br />

<br />

<br />

<br />

<!--框架集-->

　　<p>

　　　　<font color="#FF0000" size="20">

　　　　　　框架集标签，因无法在此页面做出预览，请移步至另一个页面查看

　　　　　　<a href="http://ask.mykeji.net/" target="_blank">点击此处查看</a>

　　　　</font>

　　</p>

</body>

【day03】Xhtml的更多相关文章

Python基础【day03】：文件操作（七）
零.本节内容 1.文件常用操作汇总 2.打开文件 3.操作文件 4.关闭文件一.文件常用操作汇总二.打开文件 1.普通打开模式 r,英文:read,只读模式(默认) w,英文:write,只写模式 ...
【前端】XHTML入门笔记
教程/XHTML 模块/XHTML 标准属性/XHTML 事件属性 XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language). XHTML 元素必 ...
Python基础【day03】：集合进阶（四）
本节内容 1.关系测试(特殊符号) 1.交集2.并集3.差集4.对称差集5.是否是子集6.是否是父集 2.基本操作 1.add2.update3.remove VS pop vs discard4.l ...
Python基础【day03】：字典进阶（二）
本节内容深浅拷贝循环方式字典常用方法总结一.深浅拷贝列表.元组.字典(以及其他) 对于列表.元组和字典而言,进行赋值(=).浅拷贝(copy).深拷贝(deepcopy)而言,其内存地址是变 ...
Python基础【day03】：入门知识拾遗（八）
本节内容 1.作用域 2.三元运算 3.进制一.作用域对于变量的作用域,执行声明并在内存中存在,该变量就可以在下面的代码中使用. 1 2 3 if 1==1: name = 'wupeiq ...
Python基础【day03】：字符转编码操作（五）
本节内容 1.编码介绍 2.字符编码介绍 3.总结说到python的编码,一句话总结,说多了都是泪啊,这个在以后的python的开发中绝对是一件令人头疼的事情.所以有必要要讲讲清楚一.编码介绍 1 ...
Python基础【day03】：集合入门（三）
本节内容 1.集合常用方法总结2.定义3.关系测试集合是无序的,天生不重复的数据组合,它的作用如下: 去重,即:把一个列表变成集合,就去重了关系测试,即:测试两组集合的交集.并集和差集等一.集合 ...
Python基础【day03】：字典（一）
本节内容简述语法字典的使用字典内置方法一.简述字典是Python中的又一种数据结构,它是通过key-value的数据类型,跟我们小时候用的新华字典差不多,通过key去访问value 二.语 ...
Python基础【day03】：文件操作(六)
一.概述我们工作中需要经常操作文件,下面就讲讲如何用Python操作文件 1.文件操作的流程: 打开文件,得到文件句柄赋值给一个变量通过文件句柄,对文件进行操作关闭文件二.入门 1.语法 op ...

随机推荐

软件工程实践2019——idea表述及组队
时间:2019-10-08 随堂欢迎每个有想法的同学都积极参与idea表述,用心呈现你的心中所想.你心中热爱的,希望在软工实践项目中完成的项目作品.每个愿意表达idea的同学,都有一分钟时间来呈现作 ...
kudu 查看元数据信息
package com.lala.lala.pipe.dbinfo import org.apache.kudu.client.KuduClient import com.lala.lala.comm ...
BIM软件Revit的优点
BIM软件Revit的优点那么多人喜欢使用这个软件的是因为BIM软件Revit极其强大的集成性和平台性. BIM软件Revit的集成性建筑是一个复杂数 ...
Linux安装部署jdk+tomcat+mysql
Linux安装部署测试环境 1. JDK安装下载安装 yum search jdk 找到合适的jdk版本,以下图中的版本为例 yum install java-1.8.0-openjdk.x86_6 ...
统一批处理流处理——Flink批流一体实现原理
实现批处理的技术许许多多,从各种关系型数据库的sql处理,到大数据领域的MapReduce,Hive,Spark等等.这些都是处理有限数据流的经典方式.而Flink专注的是无限流处理,那么他是怎么做到 ...
Mysql综述--数据是如何读存的？（2）
页的结构页是一种InnoDB管理存储空间的基本单位,它一般大小在16kb左右.实际上存在着许多不同类型的页,我们这次主要介绍的页是用来存储数据的,也叫做索引页. 接下来看看索引页的结构图: 比较重要 ...
Nginx的相关问题
1.什么是Nginx的虚拟主机? 答:虚拟主机是一种特殊的软硬件技术,它可以将网络上的每一台计算机分成多个虚拟主机,每个虚拟主机可以独立对外提供www服务,这样就可以实现一台主机对外提供多个web服务 ...
基于Spring Cloud Netflix的TCC柔性事务和EDA事件驱动示例
Solar Spring Cloud为开发者提供了快速构建分布式系统中的一些常见工具,如分布式配置中心,服务发现与注册中心,智能路由,服务熔断及降级,消息总线,分布式追踪的解决方案等. 本次实战以模拟 ...
Scrapy-Splash简介及验证码的处理(一)
目录一:Splash简介与准备二:验证码的识别(1) 在之前的博客中,我们学习了selenium的用法,它是一个动态抓取页面的方法,但是,动态抓取页面还有其他的方法,这里介绍Splash方法, ...
css样式篇
list-style list-style-type 设置列表项标记的类型 list-style-position 可设置outside(列表项目标记放置在文本以内,且环绕文本根据标记对齐) ...

【day03】Xhtml

【day03】Xhtml的更多相关文章

随机推荐

热门专题