】 大家好,我是IT修真院北京分院第23期学员。今天小课堂的主要内容是,input表单的应用,还有在html5中新增的属性。...,默认为”get”(也可以是post) type=”” name=”” value=”” size=””> name:控件名称;value:input控件默认文本值;size:input控件在页面中的显示宽度...还有一些新增的type属性: 1. search:input会呈现为搜索框(与text类型的唯一区别在于当鼠标覆盖时尾部出现叉号可快速清除输入的内容)。...2. tel:编辑电话号码的控件,提交时换行符会自动从输入框中去掉。 3. url:编辑url的控件,提交时换行符与首位的空格都将自动去除。 4. email:可输入一个邮件地址。...6. maxlength:type为text、emal、search、password、tel或url(都为文本)时允许输入的最大字符个数。
如果用户登录不成功会提示你重新登陆,此时点击重新登录的话,回到此页面的时候是记忆了上次输入的用户名; 五、登陆验证页面login_validate.jsp 文件内容如下: 中地”javaweb“是我新建的数据库名称,编码方式为UTF-8,“useSSL=false”不加的话可能会导致连接数据库的时候提示需要ssl认证而连接失败。...我用的while循环来判断此用户是否在login表中,也可以直接用“select * from login where userName=id and passWord=pwd”语句直接查找能与id和pwd...到此为止,所有代码已经输入完毕! 选择在Tomcat中运行login.jsp即可在浏览器中显示效果。在这里我再附上我的数据库结构: 使用SQLlog连接数据库后可以查看自己的数据库详细信息。...公告:可能是由于博客发表转换成html的问题,文章中的标签不可显示,请复制代码的童鞋自动加上;而且代码中的标签也是自动出现的,请自行去除!
在相同的框架中打开。 _parent:在父框架集中打开。 _top:在整个窗口中打开。 framename:在指定的框架中打开。 --> 自动完成开启,浏览器会基于用户之前的输入值自动填写值。 提示:您可以把表单的 autocomplete 设置为 on,同时把特定的输入字段设置为 off,反之亦然。...formtarget 属性规定的名称或关键词指示提交表单后在何处显示接收到的响应。 formtarget 属性会覆盖 元素的 target 属性。...如果设置,则规定允许用户在 元素中输入一个以上的值。 multiple 属性适用于以下输入类型:email 和 file。...placeholder 属性规定用以描述输入字段预期值的提示(样本值或有关格式的简短描述)。 该提示会在用户输入值之前显示在输入字段中。
如果我们在文档中添加那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css,而不是使用@import方式。...具体过程 输入url 用户输入url,处理输入信息: 如果为非url结构的字符串,交给浏览器默认引擎去搜索改字符串; 若为url结构的字符串,浏览器主进程会交给 网络进程 ,开始干活。...HTML的输入框可以拥有自动完成的功能,当你往输入框输入内容的时候,浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面,这样就不用全部输入进去了,直接选择列表中的项目就可以了。...但有时候我们希望关闭输入框的自动完成功能,例如当用户输入内容的时候,我们希望使用AJAX技术从数据库搜索并列举而不是在用户的历史记录中搜索。...关闭输入框的自动完成功能有3种方法: 在IE的Internet选项菜单里的内容–自动完成里面设置 设置form的autocomplete为”on”或者”off”来开启或者关闭自动完成功能 设置输入框的autocomplete
在发现了众多技术大牛的同时,我也发现,一些像我这样的小白,由于能力有限,在查找相关资料的时候,对于大佬的一些操作理解困难,虽说能照猫画虎的做下来,但是可能自己也没有理解为什么要这么做。...当然,我说的就是自己在查资料时曾经遇到的问题,这也是我写这篇笔记的主要原因。我下面就根据我自己的理解跟大家说说Ajax,如果大家看到什么问题,欢迎批评指正。....ajax()方法中的参数很多,我在实例中使用的只是一小部分,这里只介绍实例中所需要的参数的使用,其余更多参数还将继续学习。...如果不填(一般为get请求),则读取对应地址的全部数据,此时可以在console中通过console.log(res)显示数据情况。...对于1中提到的请求参数address和key是请求url中数据所需要的,至于为什么是这两个参数?这个key的值是哪里得到的? 我觉得这需要大家在开发中真正的使用后,就自然会清楚它们的含义。
CRLF是”回车 + 换行”(\r\n)的简称。在HTTP协议中,HTTP Header与HTTP Body是用两个CRLF分隔的,浏览器就是根据这两个CRLF来取出HTTP 内容并显示出来。...HRS是比XSS危害更大的安全问题,具体是为什么,我们往下看。 对于HRS最简单的利用方式是注入两个\r\n,之后在写入XSS代码,来构造一个xss。...url=xxx,xxx放在Location后面作为一个跳转。如果我们输入的是: http://test.sina.com.cn/?...于是我们这里这个标签就会显示出来,造成一个XSS。 为什么说是无视浏览器filter的,这里涉及到另一个问题。...浏览器的Filter是浏览器应对一些反射型XSS做的保护策略,当url中含有XSS相关特征的时候就会过滤掉不显示在页面中,所以不能触发XSS。 怎样才能关掉filter?
曾经有大神告诫说:没事别瞎写文章;所以,很认真的写的是能力范围内的,看客要是看不懂,不是你的问题,问题在我,得持续输入,再输出。...(automatic indexer),或者(在FOAF软件概念中)网络疾走(WEB scutter),是一种“自动化浏览网络”的程序,或者说是一种网络机器人。...和urllib.error 以python3 为例,别问我为什么使用python3, 遇到编码问题你就懂我的好了。...(url) response = html.text print(response) 结果部分显示截图: ?...如果你是手工构建URL,那么数据会以键/值 对的形式置于URL中,跟在一个问号的后面。例如, httpbin.org/get?
Session相当于在服务器中建立了一份“客户明细表”。 为什么要使用Session技术?...原则:把Session的属性带过去【传递给】另外一个Servlet,都要URL地址重写 在跳转到显示购买过商品的Servlet的时候,URL地址重写。...在conf/context.xml中修改 注意:该配置只是让服务器不能自动维护名为jsessionid的Cookie,并不能阻止Cookie的读写。...Session的原理也说了:不同的用户浏览器会拥有不同的Session。而request和ServletContext为什么就不行呢?...为什么会没了呢?原因也非常简单:服务器为Session自动维护的Cookie的maxAge属性默认是-1的,当浏览器关闭掉了,该Cookie就自动消亡了。
rel:stylesheet,type:text/css,href:URL。 定义JavaScript脚本。...action:URL。当提交表但时向何处发送数据。 autocomplete:on/off。是否自动完成。用户输入字段时,浏览器会根据之前输入过的值显示。...type: text文本输入框,明文 password密码输入框,用户输入的字符会被掩码 button按钮,可选value属性设置按钮上的显示字符。... 其它属性同audio 定义媒介资源,为了在浏览器不支持某格式的情况下提供替代格式资源。 链接 定义超链接。 href:URL链接指向页面的URL。...锚URL-href="#top"指向页面中的锚点。 target:在何处打开新链接页面。 _blank新建窗口。 _self当前窗口,默认。
坑四 我开着Fiddler下载pip包,总是下载失败。关掉Fiddler就可以了。应该是开着代理,影响下载了。 补充 输出结果出现: ...在单元测试里表示成功了。 F表示失败了,用例没执行通过。...有的时候会带些session回来, #登录的话,还有cookie在里面,会返回一些cookie信息。...在请求的时候,输入的是整数还是什么,在代码里都是统一做字符串处理的,它不是一个整数。...print("响应正文1:",res.text,type(res.text))# 返回字符串格式str print("响应正文2:",res.json(),type(res.json()))#返回dict...如果遇到验证码,图片,短信,阻碍了我的测试,可以让它完全过,或者让开发设置个万能的。这样测试环境就节省时间,做自动化更方便些。设置验证码只是让用户操作更规范。 ----
可以使用不同的方法来创建数值数组: 例子 1 在这个例子中,会自动分配 ID 键: $names = array("Peter","Quagmire","Joe"); 例子 2 在这个例子中,我们人工分配的...从带有 GET 方法的表单发送的信息,对任何人都是可见的(会显示在浏览器的地址栏),并且对发送的信息量也有限制(最多 100 个字符)。..."text" name="age" /> type="submit" /> 当用户点击提交按钮时,发送的 URL 会类似这样: http://www.w3school.com.cn...your age: type="text" name="age" /> type="submit" /> 当用户点击提交按钮,URL 不会含有任何表单数据,...为什么使用 $_POST? · 通过 HTTP POST 发送的变量不会显示在 URL 中。 · 变量没有长度限制。 不过,由于变量不显示在 URL 中,所有无法把页面加入书签。
基本的 HTML 知识告诉我们,在 HTML 文档中这样的代码表示一个表单: type="text" name="username...表单是用来收集并向服务器提交用户输入的数据的。考虑用户在我们博客网站上发表评论的过程。...fields = ['name', 'email', 'url', 'text'] 指定了表单需要显示的字段,这里我们指定了 name、email、url、text 需要显示。...我们在表单的视图函数里传递了一个 form 变量给模板,这个变量就包含了自动生成 HTML 表单的全部数据。在 detail.html 中通过 form 来自动生成表单。...和处理 index 页面的文章列表方式是一样的,我们在模板中通过 {% for %} 模板标签来循环显示文章对应的全部评论内容。
=text name=txt"+i+" size=10 value="测试中">") type=text name=url"+i+" size=40> =》type=button...6,为什么我在DW中插入的Flash动画缺看不找!...输入空格的问题,在DW似乎已成了一个老生常谈的问题。通过将输入法调整到全角模式就可以避免了。本以人工智能ABC为例.按Shift+Space切换到全角状态。 45,为何我的DW中图形显示不正常。...6,为什么我在DW中插入的Flash动画缺看不找!...输入空格的问题,在DW似乎已成了一个老生常谈的问题。通过将输入法调整到全角模式就可以避免了。本以人工智能ABC为例.按Shift+Space切换到全角状态。 45,为何我的DW中图形显示不正常。
(selenium webdriver 干货) 在机票预定的页面,输入出发城市和到达城市输入框的时候, 发现直接使用sendkeys不好使, 大部分情况出现输入某城市后没有输入进去, 经过几天的研究,发现可以采取三种方式...先点击输入框,待弹出 城市选择框之后,点击相应的城市 2. 缓慢输入城市的缩略字母或者城市的名字的部分,会显示出待选城市的下拉列表,进而从下拉列表中选择相应的城市. 3....,下拉菜单中未必弹出那么快,需要做一次等待,在选择下拉菜单的时候需要做一次判断,当然这个判断方法是使用WebDriverWait /** * @author Young * @param...、 比如,也许你在selenium自动化过程中会遇到get打开页面打不开,为了保证你脚本的健壮性,这时候你可以加入一段httprequest去获取 response的的关键值判断,如果不是2开头的可以设置...比如一个登陆页面,使用PO模式后,会创建一个LoginPage的class,该class会定义用户名输入框,密码输入框,登陆按钮的webElenent 针对相应的Element实现相应的方法,输入框是用来输入的
有序列表(理解) 有序列表即有排列顺序的列表,其各个列表项之间会按照一定的顺序排列定义。...在HTML中,(ordered lists)标签用于定义有序列表,列表排序以数字显示,并且用标签来定义列表项....为什么要使用表单: 使用表单的目的是为了收集用户信息。 在我们的网页中,我们需要和用户交互,手机用户资料,此时就需要表单。...url地址 用于指定接收并处理表单数据的服务器程序的url地址 method get/post 用于设置表单数据的提交方式 name 名称 用于指定表单的名称,以区分同一个页面中的多个表单域 表单控件...,如下 有两种方式可以实现: 1.value (占用字符,在输入信息前需手动删除,主要给后台人员使用) 2.placeholder (不占用字符,点击文本框时自动消失) checked
在使用ejs模版的过程中遇到了这个问题:如何在ejs模版中导入外部的js、css文件。 我猜测,ejs和html导入外部文件的方式应该是不一样的。但是我还是决定试一试。...按照之前在html文件中的方式导入,结果失败。 这也证明我之前的想法,这些静态文件一经过服务器,就不能直接进行导入了。那该如何导入呢? 这是我的文件结构: ?...我现在需要在index.ejs文件中导入public文件夹下的table.css以及table.js两个文件。 我为什么要将两个静态文件放到public文件夹下呢?...大家应该都知道,在使用express框架时,在安装了express模块之后,在该项目下的命令行输入express -e 就会自动生成相应的文件目录。...当然,上面的截图中的目录是我自己写的,下面是express自动生成的目录: ? 可以看到,其中的public文件夹是其自动生成的,也就是让你放静态文件的文件夹。
)域应该拥有自动填充功能,在某些浏览中需要开启自动填充才能使其生效, 设置 on 或 off。...date pickers)域应该拥有自动填充功能,在某些浏览中需要开启自动填充才能使其生效。...--启动自动显现上一次输入过的数据,当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项 --> First name: 在提交时能够自动验证 url 字段。...placeholder: 向用户提示可以在控件中输入的内容 readonly: 不允许用户修改元素内文本。
为什么要使用油猴脚本?如何编写油猴脚本?安装Tampermonkey插件安装油猴脚本脚本解读运行脚本总结前言你好,我是喵喵侠。...通过油猴脚本,我们可以轻松地修改网页内容、添加新功能或自动化一些重复性的操作。为什么要使用油猴脚本?自动化:自动获取网页标题和链接,生成Markdown格式的链接。...安装油猴脚本安装Tampermonkey插件后,点击浏览器工具栏中的Tampermonkey图标,选择“创建新脚本”,然后在编辑器中输入以下代码:// ==UserScript==// @name...copyText这里面取了一个巧,那就是在页面上生成一个input的DOM元素,对这个input进行赋值后,立马用select方法来选中这个值,紧接着执行浏览器复制操作,这样URL的结果就被写入了剪切板中...点击这个选项,会自动生成当前网页的Markdown格式链接,并复制到剪贴板。
x,y,z=10; 允许不声明变量直接使用,系统自动会声明该变量。...(隐藏)、inline换行(同行显示) b.制作层的显示/隐藏特效 例如: 改变按钮背景图 type="text/css...display:none对象根本就不会显示,在页面中仿佛没有该对象一样。...5.基本的表单验证技术 5-1:为什么需要表单验证 a.避免信息无法更新或出现新错误 b.减轻服务器端的压力 5-2:表单验证的内容 年、月、日、输入长度、中英文、特殊字符、是否为空、是否为数字、...第一种:var newstr="这是我写的 脚本"; 第二种:var newstr=new String("这是我写的脚本"); (2)字符串对象的方法 indexOf("子字符串
领取专属 10元无门槛券
手把手带您无忧上云