数往知来 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上线之初各种技术大牛给人家出方案,吐槽人家外包费用?我们来回顾回顾. 就园子里都过千篇文章来侃这事儿,请问有多少主题的文章 ...
随机推荐
- [转]Debian 安装与卸载包命令(APT&&DPKG)
转自:zhangjunhd 的BLOG 1.APT主要命令apt-cache search ------package 搜索包sudo apt-get install ------package 安 ...
- ulimit调优
1. linux的ulimit各种限制之深入分析 http://blog.sina.com.cn/s/blog_59b6af6901011ekd.html 2. Linux下修改ulimit设置的最大 ...
- cocos2d-x 获取图片的某像素点的RGBA颜色 -转
cocos2d-x 获取图片的某像素点的RGBA颜色 原文:http://www.cnblogs.com/jaoye/archive/2013/02/19/2916501.html 没做过 太多的图 ...
- laravel homestead vagrant box安装使用,问题,及相关命令
Vagrant is a tool that manages oracle virtual boxes 1.本地下载https://atlas.hashicorp.com/laravel/boxes/ ...
- git subtree有效管理公共第三方lib
如果你的项目中有很多第三方的lib,你希望使用它,并且也希望可能对该lib做修改并且贡献到原始的项目中去,或者你的项目希望模块化,分为几个repo单独维护,那么git subtree就是一个选择.gi ...
- UVa 1626 (输出方案) Brackets sequence
正规括号序列定义为: 空序列是正规括号序列 如果S是正规括号序列,那么[S]和(S)也是正规括号序列 如果A和B都是正规括号序列,则AB也是正规括号序列 输入一个括号序列,添加尽量少的括号使之成为正规 ...
- BZOJ 1821 部落划分
kruskal.第k-1大的边. 其实prim会更快. #include<iostream> #include<cstdio> #include<cstring> ...
- HDU 3342 Legal or Not (图是否有环)
题意: 给出n个人的师徒关系,如有 a是b的师傅,b是c的师傅,c是a的师傅,这样则不合法,输出NO,否则输出YES. 思路: 每段关系可以看成一条有向边,从师傅指向徒弟,那么徒弟的徒子徒孙都不可能再 ...
- 纵观minecraft 游戏作者的世界观
minecraft 这款游戏 独特的游戏背景 与 模式 深受我爱 ,游戏的音乐制作方面也是独具一格 但是 整个游戏的风气 充满孤独的色彩 抑郁惆怅的音乐 每当在日出时 响起 ,当你进入生存模式之后 开 ...
- 关于jsp利用EL和struts2标签来遍历ValueStack的东东 ------> List<Map<K,V>> 以及 Map<K,<List<xxx>>> 的结构遍历
//第一种结构Map<K,<List<xxx>>> <body> <% //显示map<String,List<Object>& ...