B/S路漫漫总结(一)

一、CSS四种选择器

1. 类选择器(class选择器)

基本使用

.类选择器{

属性名: 属性值;

….

}

2. id选择器

基本使用

#id选择器{

属性名: 属性值;

….

}

案例:

/*id选择器的使用*/

#id1{

background-color:silver;

font-size:40px;

}

3. html元素选择器

(html的优先级比id和class选择器要低)

某个html元素{

属性名:属性值;

}

4. 通配符选择器

该选择器可以用到所有的html元素,但是其优先权最低

*{

属性名:属性值;

….}

四个选取器优先权

Id选择器> class选择器> html选择器> 通配符选则器

二、JS中的Value与JQuery中的Val()的区别

一个是jquery对象,一个是dom对象

document.getElementById("id值").value==$("#id值").val()

三、Submit和Button的区别

 

  type=button 就单纯是按钮功能

  type=submit 是发送表单

   (1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此

   (2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交,除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。

  但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:

  

  使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.

  

  用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。

  

  执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。

  

  执行完onClick,跳转文件在 js文件里控制。提交需要onClick。

  比如:

  1,onclick="form1.action=‘a.asp‘;form1.submit();" 这样就实现了submit的功能了。

  

  讲白一些,就是submit会有一个跳转,页面会刷新;而button不会刷新,就是一个button;可以用<button type="submit/button/reset"></button>来生成按钮,更加灵活,样式更好控制。

四、JS中如何获取ID值

五、手写一个表单,手写一个表格

表单:

<html>
<head>你叫什么呢</head>
<body>
<h1>看看你的名字O(∩_∩)O~~</h1>

<formaction="/example/html/form_action.asp" method="get">
 <div>First name: <input type="text"name="fname" /></div>
 <div>Last name: <input type="text"name="lname" /></div>
 <input type="submit" value="Submit" />
</form>

<p><b>请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面</b></p>

</body>
</html>

表格(要求如下):

<html>
<span style="white-space:pre">	</span><body>
<span style="white-space:pre">	</span><h4>信息表</h4>
<span style="white-space:pre">	</span><table border="1">
<span style="white-space:pre">		</span><tr>
<span style="white-space:pre">			</span> <th>姓名</th>
<span style="white-space:pre">			</span> <th colspan="2">电话</th>
<span style="white-space:pre">		</span></tr>
<span style="white-space:pre">		</span><tr>
<span style="white-space:pre">			</span> <td>张三</td>
<span style="white-space:pre">			</span> <td>222222222</td>
 <span style="white-space:pre">			</span><td>222222222</td>
<span style="white-space:pre">		</span></tr>
<span style="white-space:pre">		</span><tr>
<span style="white-space:pre">			</span>  <td>李四</td>
<span style="white-space:pre">			</span> <td>222222222</td>
<span style="white-space:pre">			</span> <td>222222222</td>
<span style="white-space:pre">		</span></tr>
<span style="white-space:pre">	</span></body>
</html>

六、FORM标记的属性有哪些,解释一下

  • name:表单的名称
  • method:定义表单结果从浏览器传送到服务器的方法,一般有两种方法get和post
  • action:用来定义表单处理程序(一个ASP,CGI等程序)的位置( 相对地址或绝对地址)
  • enctype:设置表单资料的编码方式
  • target:设置返回信息的显示方式

NAME属性

通过为表单命名可以控制表单与后台程序之间的关系。

METHOD属性

METHOD属性中,GET方法是将表单内容附在URL地址后面,所以对提交信息的长度进行了限制,不可以超过8192个字符。如果信息太长,将被截去,从而导致意想不到的处理结果。同时GET方法不具有保密性,不适合处理如信用卡卡号等要求保密的内容,而且不能传送非ASCII码的字符。

POST方法是将用户在表单中填写的数据包含在表单的主体中,一起传送到服务器上的处理程序中,该方法没有字符的限制,它包含了ISO10646的字符集,是一种邮寄的方式,在浏览器的地址栏不显示提交的信息,这种方式传送的数据是没有限制的。

当不指明是哪种方式时,默认为GET方式。

ENCTYPE属性(了解)

设置表单信息提交的编码方式,有以下几种:

TEXT/plain:以纯文本形式传送信息

Application/x-www-Form-urlencoded:默认的编码形式

Multipart/Form-data:使用MINE编码

TARGET属性

设置表单信息返回的窗口。

TARGET的值有以下几种:

_blank:将返回信息显示在新开的浏览器窗口中

_parent:将返回信息显示在父级浏览器窗口中

_self:将返回信息显示在当前浏览器窗口中

_top:将返回信息显示在顶级浏览器窗口中

小结:

跟师傅交流B/S的学习心得等等,师傅指出很多问题,一次提升水平的机会(尤其是让手写的各种东西,几乎都没写上来,就是有一个印象)。谢谢刘杰师傅O(∩_∩)O~~

未完待续。。。

时间: 2024-10-21 03:28:09

B/S路漫漫总结(一)的相关文章

路漫漫其修远兮,吾将上下而求索

最近看了 BYVoid 的博文<劝君惜取少年时>,深有感触.白驹过隙,当时感叹着大学一年已过, 不知不觉大二下学期也将结束了. 回想起高三当年,每当身心疲惫,即会想象着来年身在大学校园的自己,期盼着自己的大学生活. 尽管高考榜单并不尽人心意,到了华农,过了一年也是觉得大学也是如此而已.大一的时候,信 心满满想着要好好学习,拿到满意的成绩,拿奖学金,考研,又或者要专研技术.现实往往比自己 的想象来得要更快,接触ACM之后,我埋醉在切题的时光里,享受AC的那一份成就感.当然对于 其他更多更多的事情

路慢慢,路漫漫!

记得早先少年时 大家诚诚恳恳 说一句是一句 清早上火车站 长街黑暗无行人 卖豆浆的小店冒着热气 从前的日色变得慢 车.马.邮件都慢 一生只够爱一个人 从前的锁也好看 钥匙精美有样子 你锁了 人家就懂了 --木心<从前慢> 2016.12.31的日落 第一章:慢慢IT路 记得少年时,我们学习一样东西,往往是出于一种喜欢.比如学习乒乓球,我可以每天练习两小时以上,研究打球的战术.对手潜意识发球习惯,球与球拍摩擦的角度,算出一个有效的范围,从而提高扣球的命中率:后来喜欢上了生物学,喜欢研究生物体内部

路漫漫其修远兮

路漫漫其修远兮,吾将上下而求索. 学技术的人,永远都是活到老学到老.走上程序员走条路是在阴差阳错的情况下.当年高中曾一时闹热买了一本谭浩强的<C++程序设计>,又在高考完的第二天去买了一本<零基础学Java>.那时并不是因为喜欢编程,或者一定要学到计算机专业.软件工程专业.那时就是一时闹热,听着编程挺吊就糊里糊涂的买了.却在大学读到了软件工程,我发誓绝对不是奔着这个专业,压根就不是为了这个专业. 就如当年文理分科一样,如果不是某些原因的确有可能会去读文科.可是并不后悔,读到这个专业

&nbsp; 竞争日益激烈的wifi共享应用行业:路漫漫 求创新

12年的wifi共享精灵.13年的360随身wifi.小度wifi与小米wifi.14年的猎豹wifi,几乎每半年就有一个新的巨头加入wifi共享的竞争行业,替代无线路由器的共享类软硬件也确实不孚众望,给高校学子.上班族送去了更加便捷的无线网络连接环境. 随着时间推移,单一的网络共享功能已经无法给用户带来新鲜感,而据CNNIC发布的的第 34 次<中国互联网络发展状况统计报告>表明:截至 2014 年 6 月,中国网民规模已达 6.32 亿,而令人咂舌的是:目前我国手机网民规模为 5.27 亿

Debug 路漫漫-10:AttributeError: &#39;Embedding&#39; object has no attribute &#39;get_shape&#39;

CNN的Embedding层报错: 报错:AttributeError: 'Embedding' object has no attribute 'get_shape' 查了下是这个问题: https://stackoverflow.com/questions/44285907/attributeerror-embedding-object-has-no-attribute-get-shape-with-tensorflow 即,在Embedding函数后面添加:input.output 即可.

2019年终回顾:路漫漫其修远兮,吾将上下而求索

前言 2019年对我而言,是目前个人发展速度最快的一年,35岁之前个人成长靠外部世界的影响,大学四年参加不少社团,也在学校MBA当过助理,不过对外部世界了解很少,成长也比较缓慢,毕业后的这一年里,恰逢微软拥抱开源,社区活动兴起,自己也从参与社区,加入社区,到奉献社区,在这个过程中接触了很多优秀的人,自己也在他们的影响下快速的成长. 2019年回顾 积极参与社区活动 今年参加了不少社区活动,也组织策划了广州社区的几场活动. 广州.NET技术沙龙 2018年12月8日,广州社区第一场活动在 CVTE

路漫漫其修远兮,吾将上下而求索---我的五年工作总结

三月的重庆到处弥漫着浓浓的春味,在这个春暖花开的季节里,人们在闲暇的时间都忙着踏青和春游."一年之计在于春",春天是赏花旅游的季节,春天更是为未来作打算.定计划的时候.在2017年的春天,我做出了人生中的一个重要决定:离开工作近五年的ZTE(中兴通讯),去开启新的人生征程.最近我在罗辑思维的得到APP上订阅了薛兆丰老师的"北大经济学课"专栏,我认为他说的一句话特别有道理,这句话的大意是:"我们如何选择是否离开当前的公司呢?可以拿公司里面比自己资深的人作为参

路漫漫吾将上下而求索

高手前路多艰,须有耐心和毅力,从一开始就有规划 1.耐心练内功,深入了解基层架构和基础原理,比如操作系统结构,CPU运行机制,汇编,编译原理,数据结构,数据库等 2.思路决定高度:透过表面看本质,抓根本的根本,开放的思维,全局的思维 3.设计的模块化,独立,分开的模块,单独调用,拆分思维 4.养成规范书写,成对编写的习惯,保证每个人都能容易看懂

研路漫漫

转眼间,硕士研究生生活将近一年了.我不知道这一年是值还是不值....... 回想起一年前,我的专业是农学,我没有选择直接就业,而是选择了考研.因为当初的自己想走学术这条路,日后成为一名大学老师.可是上了研究生之后,发现这条路没有自己想象的那么简单. 来到南农之后,依然有当初的豪情壮志,想在研究生期间好好努力,争取做一名优秀的研究生.可是,路却不是自己想的那样.开学的第一学期,我们要上课,实验室虽去的不多,但还是和师兄师姐们有一些交流.交流之后发现,负能量爆棚压力爆棚,个个都说很难毕业,因为实验室

知识共享路漫漫兮,分答、知乎Live能走多远?

Uber以及Airbnb的火爆带动了全球共享经济的盛行,于是很多平台不管怎样都要将自己往共享经济上靠,似乎贴上了共享经济这块标签,就能让自己脸上贴金.于是乎,到处开始共享经济,知识共享经济也应运而生,知乎平台和果壳旗下在行都开始打着共享经济的旗号,纷纷推出了知乎Live和分答,开启自己的知识共享之路. 表面看来,知乎和在行似乎风光的狠,又推出新的平台了,但是光鲜的外衣背后又是怎样的呢? 知乎一直困于变现之路 在很多人看来,知乎获得了4亿美元的估值,并获得了腾讯的入股,已经是内容平台的耀眼明星了.