【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 ...
随机推荐
- c# lock 锁
lock语句 lock 语句获取给定对象的互斥 lock,执行语句块,然后释放 lock. 持有 lock 时,持有 lock 的线程可以再次获取并释放 lock. 阻止任何其他线程获取 lock 并 ...
- 深入理解Java8中Stream的实现原理
Stream Pipelines 前面我们已经学会如何使用Stream API,用起来真的很爽,但简洁的方法下面似乎隐藏着无尽的秘密,如此强大的API是如何实现的呢?比如Pipeline是怎么执行的, ...
- 1+x 证书 Web 前端开发 MySQL 知识点梳理
官方QQ群 1+x 证书 Web 前端开发 MySQL 知识点梳理 http://blog.zh66.club/index.php/archives/199/
- SAS——proc format的其他应用：invalue，picture，default，mult，prefix，noedit，_same_，_error_，other
一. proc format; invalue $test (default=200) "1"=_same_ "2"="Black" &qu ...
- redis之通信协议
Redis 协议将传输的结构数据分为 5 种最小单元类型,单元结束时统一加上回车换行符号\r\n. 1.单行字符串 以 + 符号开头. 2.多行字符串 以 $ 符号开头,后跟字符串长度. 3.整数值 ...
- Python sorted 函数
Python sorted 函数 sorted 可以对所有可迭代的对象进行排序操作,sorted 方法返回的是一个新的 list,而不是在原来的基础上进行的操作.从新排序列表. sorted 语法: ...
- 【UOJ#308】【UNR#2】UOJ拯救计划
[UOJ#308][UNR#2]UOJ拯救计划 题面 UOJ 题解 如果模数很奇怪,我们可以插值一下,设\(f[i]\)表示用了\(i\)种颜色的方案数. 然而模\(6\)这个东西很有意思,\(6=2 ...
- kali渗透综合靶机(十六)--evilscience靶机
kali渗透综合靶机(十六)--evilscience靶机 一.主机发现 1.netdiscover -i eth0 -r 192.168.10.0/24 二.端口扫描 1. masscan --ra ...
- nodejs-翻转算法
nodejs-翻转算法 /** * Created by moon on 2019/12/14. */ //程序运行完成时一定要有输出语句,本工具才能正确展示运行结果. function abc() ...
- 【spring】自定义注解 custom annotation
自定义注解 custom annotation 使用场景 类属性自动赋值. 验证对象属性完整性. 代替配置文件功能,像spring基于注解的配置. 可以生成文档,像java代码注释中的@see,@pa ...