B/S路漫漫总结(一)

2024-08-21 15:48
文章标签 总结 漫漫

本文主要是介绍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,οnclick="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~~
     未完待续。。。

这篇关于B/S路漫漫总结(一)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1093593

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

学习hash总结

2014/1/29/   最近刚开始学hash,名字很陌生,但是hash的思想却很熟悉,以前早就做过此类的题,但是不知道这就是hash思想而已,说白了hash就是一个映射,往往灵活利用数组的下标来实现算法,hash的作用:1、判重;2、统计次数;

git使用的说明总结

Git使用说明 下载安装(下载地址) macOS: Git - Downloading macOS Windows: Git - Downloading Windows Linux/Unix: Git (git-scm.com) 创建新仓库 本地创建新仓库:创建新文件夹,进入文件夹目录,执行指令 git init ,用以创建新的git 克隆仓库 执行指令用以创建一个本地仓库的

二分最大匹配总结

HDU 2444  黑白染色 ,二分图判定 const int maxn = 208 ;vector<int> g[maxn] ;int n ;bool vis[maxn] ;int match[maxn] ;;int color[maxn] ;int setcolor(int u , int c){color[u] = c ;for(vector<int>::iter

整数Hash散列总结

方法:    step1  :线性探测  step2 散列   当 h(k)位置已经存储有元素的时候,依次探查(h(k)+i) mod S, i=1,2,3…,直到找到空的存储单元为止。其中,S为 数组长度。 HDU 1496   a*x1^2+b*x2^2+c*x3^2+d*x4^2=0 。 x在 [-100,100] 解的个数  const int MaxN = 3000

状态dp总结

zoj 3631  N 个数中选若干数和(只能选一次)<=M 的最大值 const int Max_N = 38 ;int a[1<<16] , b[1<<16] , x[Max_N] , e[Max_N] ;void GetNum(int g[] , int n , int s[] , int &m){ int i , j , t ;m = 0 ;for(i = 0 ;

go基础知识归纳总结

无缓冲的 channel 和有缓冲的 channel 的区别? 在 Go 语言中,channel 是用来在 goroutines 之间传递数据的主要机制。它们有两种类型:无缓冲的 channel 和有缓冲的 channel。 无缓冲的 channel 行为:无缓冲的 channel 是一种同步的通信方式,发送和接收必须同时发生。如果一个 goroutine 试图通过无缓冲 channel

9.8javaweb项目总结

1.主界面用户信息显示 登录成功后,将用户信息存储在记录在 localStorage中,然后进入界面之前通过js来渲染主界面 存储用户信息 将用户信息渲染在主界面上,并且头像设置跳转,到个人资料界面 这里数据库中还没有设置相关信息 2.模糊查找 检测输入框是否有变更,有的话调用方法,进行查找 发送检测请求,然后接收的时候设置最多显示四个类似的搜索结果

java面试常见问题之Hibernate总结

1  Hibernate的检索方式 Ø  导航对象图检索(根据已经加载的对象,导航到其他对象。) Ø  OID检索(按照对象的OID来检索对象。) Ø  HQL检索(使用面向对象的HQL查询语言。) Ø  QBC检索(使用QBC(Qurey By Criteria)API来检索对象。 QBC/QBE离线/在线) Ø  本地SQL检索(使用本地数据库的SQL查询语句。) 包括Hibern

暑期学习总结

iOS学习 前言无限轮播图换头像网络请求按钮的configuration属性总结 前言 经过暑期培训,完成了五个项目的仿写,在项目中将零散的内容经过实践学习,有了不少收获,因此来总结一下比较重要的内容。 无限轮播图 这是写项目的第一个难点,在很多项目中都有使用,越写越熟练。 原理为制造两个假页,在首和尾分别制作最后一页和第一页的假页,当移动到假页时,使用取消动画的方式跳到