数往知来 HTML<十一>
HTML_CSS
<!--一、表单 <form></form>
表单就是用来进行数据提交的标签
表单就是一对<form></form>标签,里卖弄包含其他的标签input等
action 表示提交的目标服务器 就是点击提交时跳到哪
method 提交的方法get/post
--》表单提交有有get与post之分
---》get就是默认的,就是通过浏览器地址提交
---》post就是将要提交的东西隐藏到报文里提交
1、文本框标签
<input>
属性:
type 类型,比如说type="text"就是文本框 type="submit"就是提交按钮
--》text 文本框
--》submit 提交按钮
--》password 密码框
value
readonly
maxlength 允许文本框输入的最大长度
size 文本框的大小
2、密码框标签
<input type="password" name="" value="" />
3、隐藏标签 用来记录页面跳转时的信息,但是由于该信息不该显示在页面中,如果显示了会破坏整个页面的美观等东西,因此使用隐藏标签将其隐藏
<input type="hidden" value=""/>
4、文本域标签 一般用来展示协议等信息,与pre标签格式上有点类似
<textarea rows="50" cols="10"></textarea>
属性:
rows 长
cols高
二、按钮标签
--》 重置按钮
<input type="reset" value+"清除所有数据" />
--》button按钮
该按钮没有任何响应,由用户进行定义
<input type="button" value="button上显示的文本" />
--》图像标签
<input type="image" src="图片地址"/>
--》disabled属性 相当于C#里的enable属性
<input type="button" value="点击按钮" disabled />
三、复选框标签 如果想把内容提交那就加上name / value属性
<input type="checkbox" />看电影
想让复选框默认选中加 checked
--》leabel 可以将某个数据与某个空间绑定
1、为目标空间加一个id属性
2、添加label标签,使用for属性指定id
<input type="checkbox" name="c1" value="eat" id="123" /><label for="123">吃饭</label>
--》快速定位 就是键盘上的快捷键 要考虑兼容性
accesskey属性 要注意和浏览器的快捷键冲突
在IE上要使用alt+键
mac等这些浏览器中直接使用键
<input type="checkbox" name="c1" value="eat" id="123" /><label for="123" accesskey="a">吃饭</label>
单选标签 要给标签命名,不然它不知道和谁一组选不了
<input type="redio" name="1" value="male" checked="checked"/>男
<input type="redio" name="1" value="fmale"/>女
<input type="redio" name="1" value=""/>其他
文件选择标签
<input type="file">
四、下拉菜单标签 (相当于combobox listbox)
提交用的属性
name value
后台要一个集合来维护 不要直接提交每一项里的内容给后台的集合,不好,给每一项一个value
默认选中:selected属性
size属性:显示几行
multiple:多选
<select name="email" size="6" mutiple="multiple">
<option value="-1">--请选择--</option>
<option value="0" selected="selected">@163.com</option>
<option value="1">@sina</option>
<option value="2">@qq.com</option>
<option value="3">@yahoo.com</option>
<option value="4">itcast</option>
</select>
分组 <optgroup></optgroup>
-->
<html>
<head>
<title></title>
</head>
<body>
<form>
<!--写一个文本框-->
<input type="text" name="uid" value=""/>
<!--要提提交数据,必须要满足两个条件
1、放在FORM中
2、必须要有name value属性
-->
<!--写一个提交按钮-->
<input type="submit" name="点击提交"/><br />
<!--在表单标签中,所有的标签格式等HTML的处理与表单一样-->
<input type="text" name="readonly" readonly="readonly" /><br />
<input type="text" name="" maxlength="6" /><br />
<input type="text" name="" size="2" /><br />
<!--密码标签-->
<input type="password" name="" value="">
</form>
</body>
</html>
1、meta标签
2、帧标签 (不需要body标签了)
frameset就好比页面的显示区,有两个重要的属性
--》rows (横向)
框架被分成几行几列
--》cols (竖向)
<frameset rows="50%,*">
<frame src="地址"></frame>
<frame src="地址"></frame>
</frameset>
3、分区标签
--》<div> 默认是行标签,被圈起来的内容会独自占一行
<div style="display:in">
--><span> 默认行内标签,不会换行
三、CSS
1、样式
--》<div>
长宽width、height
border 1px solid red 表示边框宽度为1 是实线 边框的颜色是红色
---》内联样式
<div style="border:1px solid red; width:50px; height:30px">
</div>
我们发现样式写在标签中,每一个标签都得有眼格式,还是不好维护,
定义一个“东西”,如果整个页面中每个div都是我这个样式
---》内嵌样式
1、在head标签中写上一对style标签
2、 添加属性type="text/css"
3、在style标签中写样式即可
样式的注释和C#的行间注释一样,用斜线星号 星号斜线 /* */
--->外部样式
考虑统一样式可以应用 于个多页面,使用外部样式,那么像使用类库一样可以共享重用
1、新建一个文件夹,一般命名为style
2、在style文件夹中新建一个文件夹,命名为css1.css
数往知来 HTML<十一>的更多相关文章
- CRL快速开发框架系列教程十一(大数据分库分表解决方案)
本系列目录 CRL快速开发框架系列教程一(Code First数据表不需再关心) CRL快速开发框架系列教程二(基于Lambda表达式查询) CRL快速开发框架系列教程三(更新数据) CRL快速开发框 ...
- 我的MYSQL学习心得(十一) 视图
我的MYSQL学习心得(十一) 视图 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据 ...
- WCF学习之旅—第三个示例之五(三十一)
上接WCF学习之旅—第三个示例之一(二十七) WCF学习之旅—第三个示例之二(二十八) WCF学习之旅—第三个示例之三(二十九) WCF学习 ...
- [占位-未完成]scikit-learn一般实例之十一:异构数据源的特征联合
[占位-未完成]scikit-learn一般实例之十一:异构数据源的特征联合 Datasets can often contain components of that require differe ...
- 关于大型网站技术演进的思考(二十一)--网站静态化处理—web前端优化—下【终篇】(13)
本篇继续web前端优化的讨论,开始我先讲个我所知道的一个故事,有家大型的企业顺应时代发展的潮流开始投身于互联网行业了,它们为此专门设立了一个事业部,不过该企业把这个事业部里的人事成本,系统运维成本特别 ...
- CPrimerPlus第十一章中的“选择排序算法”学习
C Primer Plus第十一章字符串排序程序11.25中,涉及到“选择排序算法”,这也是找工作笔试或面试可能会遇到的题目,下面谈谈自己的理解. 举个例子:对数组num[5]={3,5,2,1,4} ...
- 无废话ExtJs 入门教程二十一[继承:Extend]
无废话ExtJs 入门教程二十一[继承:Extend] extjs技术交流,欢迎加群(201926085) 在开发中,我们在使用视图组件时,经常要设置宽度,高度,标题等属性.而这些属性可以通过“继承” ...
- GPS部标监控平台的架构设计(十一)-基于Memcached的分布式Gps监控平台
部标gps监控平台的架构,随着平台接入的车辆越来越多,架构也面临越来越大的负载挑战,我们当然希望软件尽可能的优化并能够接入更多的车辆,减少在硬件上的投资.但是当车辆增多到某一个临界点的时候,仍然要面临 ...
- 双十一 VS 火车票(12306)
火车票开售了,又是一年,code了一年,咱们也该回顾回顾了. 还记得12306上线之初各种技术大牛给人家出方案,吐槽人家外包费用?我们来回顾回顾. 就园子里都过千篇文章来侃这事儿,请问有多少主题的文章 ...
随机推荐
- Deeplearning原文作者Hinton代码注解
[z]Deeplearning原文作者Hinton代码注解 跑Hinton最初代码时看到这篇注释文章,很少细心,待研究... 原文地址:>http://www.cnblogs.com/BeDPS ...
- 解决 ko mapping 数组无法添加新对象的问题
这两天页面模板化的进程有些放缓,使用 ko mapping 插件的情形多了起来.组员经常问到的问题即是往 ko mapping 数组添加新对象时,报找不到方法的错误:而使用 ko.observable ...
- ubuntu 默认 进入 命令行
图形模式下,首先进入终端:1. 运行 sudo vi/etc/default/grub2. 找到 GRUB_CMDLINE_LINUX_DEFAULT=”quiet splash”3.改为 GRUB_ ...
- Linux下scp的用法
scp就是secure copy,一个在linux下用来进行远程拷贝文件的命令.有时我们需要获得远程服务器上的某个文件,该服务器既没有配置ftp服务器,也没有做共享,无法通过常规途径获得文件时,只需要 ...
- Java —— 时区(夏令时)问题
有没有遇到过这样的情况:数据库里的是时间是“1991-4-14”,但是Java取出来后就成了“1991-4-13”. 解决方法一: 先把时区设成GMT,把 根据夏时制自动调节时钟 的选项去掉. 再把时 ...
- eclipse启动报错 java was started but returned exit code = -805306369
前几天还工作的好好的eclipse昨天下午启动时突然报错 报错如图: 妹的,好端端突然报错,非常奇怪,关键还是返回一堆看不懂的东西,细看都是eclipse.ini里面的配置信息,看到熟悉的jdk,误以 ...
- 单元测试之道(使用NUnit)
首先来看下面几个场景你是否熟悉 1.你正在开发一个系统,你不断地编码-编译-调试-编码-编译-调试……终于,你负责的功能模块从上到下全部完成且编译通过!你长出一口气,怀着激动而 又忐忑的心情点击界面上 ...
- Map和hash_map
map和hash_map 今天在写拼流的程序时碰到一个问题,要根据流的四元组的结构信息映射到该流的数据.也就是我在网络数据包拼接的过程中,要根据包的地址和端口信息,对应到其对应的一个流的数据上去,把端 ...
- [Swift 语法点滴]——元组
注意:元组是否每一项加元组名非常重要,加与不加是完全不同的数据类型. 比如:var iPlayer=(name:"李逍遥",life:1000,attack:35) 将iPlaye ...
- makeObjectsPerformSelector: 方法的用法
//让数组中得每个元素都调用 @selector 中的get方法 [self.buttons makeObjectsPerformSelector:@selector(get)]; NSString ...