一.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的更多相关文章

  1. Python基础【day03】：文件操作（七）

    零.本节内容 1.文件常用操作汇总 2.打开文件 3.操作文件 4.关闭文件 一.文件常用操作汇总 二.打开文件 1.普通打开模式 r,英文:read,只读模式(默认) w,英文:write,只写模式 ...

  2. 【前端】XHTML入门笔记

    教程/XHTML 模块/XHTML 标准属性/XHTML 事件属性 XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language). XHTML 元素必 ...

  3. Python基础【day03】：集合进阶（四）

    本节内容 1.关系测试(特殊符号) 1.交集2.并集3.差集4.对称差集5.是否是子集6.是否是父集 2.基本操作 1.add2.update3.remove VS pop vs discard4.l ...

  4. Python基础【day03】：字典进阶（二）

    本节内容 深浅拷贝 循环方式 字典常用方法总结 一.深浅拷贝 列表.元组.字典(以及其他) 对于列表.元组和字典而言,进行赋值(=).浅拷贝(copy).深拷贝(deepcopy)而言,其内存地址是变 ...

  5. Python基础【day03】：入门知识拾遗（八）

    本节内容 1.作用域 2.三元运算 3.进制 一.作用域 对于变量的作用域,执行声明并在内存中存在,该变量就可以在下面的代码中使用. 1 2 3 if 1==1:     name = 'wupeiq ...

  6. Python基础【day03】：字符转编码操作（五）

    本节内容 1.编码介绍 2.字符编码介绍 3.总结 说到python的编码,一句话总结,说多了都是泪啊,这个在以后的python的开发中绝对是一件令人头疼的事情.所以有必要要讲讲清楚 一.编码介绍 1 ...

  7. Python基础【day03】：集合入门（三）

    本节内容 1.集合常用方法总结2.定义3.关系测试 集合是无序的,天生不重复的数据组合,它的作用如下: 去重,即:把一个列表变成集合,就去重了 关系测试,即:测试两组集合的交集.并集和差集等 一.集合 ...

  8. Python基础【day03】：字典（一）

    本节内容 简述 语法 字典的使用 字典内置方法 一.简述 字典是Python中的又一种数据结构,它是通过key-value的数据类型,跟我们小时候用的新华字典差不多,通过key去访问value 二.语 ...

  9. Python基础【day03】：文件操作(六)

    一.概述 我们工作中需要经常操作文件,下面就讲讲如何用Python操作文件 1.文件操作的流程: 打开文件,得到文件句柄赋值给一个变量 通过文件句柄,对文件进行操作 关闭文件 二.入门 1.语法 op ...

随机推荐

  1. PHP匿名函数的写法

    传统写法<pre>function timer () { echo "hello world";}Swoole\Timer::tick(2000, 'timer');& ...

  2. SpringDataRedis入门Demo

    步骤: 约定>配置>代码 在pom.xml中导入依赖(redis和jedis以及其他所需的依赖) > 配置相关配置文件(redis-config.properties 和applic ...

  3. Java的POJO和JavaBean的区别

    POJO Plain Ordinary Java Object,即简单的java对象. 特点 需要有一些 private 的参数,以及针对参数的 setter 和 getter 方法来访问这些参数. ...

  4. springboot 1.4 CXF配置

    启动类: package com.eshore.main; import org.apache.catalina.connector.Connector; import org.apache.coyo ...

  5. 【04】Nginx：rewrite / if / return / set 和变量

    写在前面的话 我们前面已经谈了编译安装,基本语法,日志处理,location 匹配,root / alias 的不同效果.这里我们主要谈谈 rewrite(重写)功能,顺便说说 nginx 中自带的变 ...

  6. 【java】【guava】Google Guava的splitter用法

    Google Guava的splitter,分割字符串的用法 package com.sxd.swapping.guava; import com.google.common.base.CharMat ...

  7. kali渗透综合靶机(八)--Billu_b0x靶机

    kali渗透综合靶机(八)--Billu_b0x靶机 靶机下载地址:https://download.vulnhub.com/billu/Billu_b0x.zip 一.主机发现 1.netdisco ...

  8. netcore sdk版本选择

    NetCore sdk并不是每个版本都支持VS2017工具,也不是每个版本的sdk版本号和Runtime版本号都一样,这就需要我们在创建某个版本的net core应用时注意: 使用不同版本的vs时需要 ...

  9. 第三方web ide开发环境下vuejs开发HMR环境搭建-码农这样开发是快乐的！

    vuejs是一个非常优秀的前端框架,利用该框架可以快速开发出任何web app,之所以vuejs开发非常高效快捷,其中最重要的一点就是利用webpakc提供的HMR(热模块替换)特性,可以边写vue组 ...

  10. SAP S4HANA BP事务代码初始界面的ROLE和Grouping配置

    SAP S4HANA BP事务代码初始界面的ROLE和Grouping配置 SAP S/4 HANA系统里,创建供应商不再使用MK01/FK01/XK01等事务代码,而是使用BP事务代码. BP事务代 ...