显示浏览器表单输入框的缓存密码

今天在学习HTML表单的时候发现我的chrome 浏览器在刷新然后提交表单的时候居然显示了我网站的用户名和密码,大家如果有谁看到了这篇文章,有兴趣的话可以试试。

一个简单的form表单

 1 <html>
 2     <head>
 3         <title>This is a form text</title>
 4     </head>
 5 <form action="">
 6     <table border="1" width="600" align="center">
 7         <captiom><h1>表单的应用</h1></caption>
 8         <tr>
 9             <th>输入框</th>
10             <td><input type="text" name="uesername"></td>
11
12             </td>
13         </tr>
14         <tr>
15             <th>密码框</th>
16             <td><input type="password" name="userpwd"></td>
17
18             </td>
19         </tr>
20         <tr>
21             <td colspan="2" align="center">
22             <input type="submit" name="dosubmit"></td>
23         </tr>
24
25     </table>
26 </form>
27 </html>

运行后看看你的浏览器地址 是不是出现了用户名和密码呢?

时间: 2024-12-21 11:02:36

显示浏览器表单输入框的缓存密码的相关文章

js监听input等表单输入框的变化事件oninput

js监听input等表单输入框的变化事件oninput,手机页面开发中使用到文本框textarea输入字符监听文本框变化计算还可以输入多少字符,如果使用onkeyup的话是无法监听到输入法输入的文本变化的,复制粘贴也不能监听到,于是就用到了oninput事件来监听文本框value值的改变.由于是手机端页面没有考虑IE 这货.过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验.比如onchange事件只在键盘或者鼠标操作改变

html表单输入框css样式美化特效源代码下载

html表单输入框css样式美化源代码,响应鼠标动作 原文:html表单输入框css样式美化特效源代码下载 源代码下载地址:http://www.zuidaima.com/share/1550463335926784.htm 源代码截图:

CSS图标文字对齐和表单输入框文字对齐兼容

张鑫旭的一篇文章,讲到20像素图标对齐和表单元素40像素对齐有所收获,谢谢@张鑫旭 ,很多观点跟平时的处理方式不谋而合,一般来说,我处理图标如果临近的话都会使用同样宽高,然后使用inline-block比较多,表单输入框和按钮以line-height:21-22为准.然后超出的用padding来补充. 以下摘录部分原文中的实践代码. 1.图标和文字对齐 一般的图标和文字对齐html代码: <p><i class="icon"></i>前端开发博客&l

js控制select选中显示不同表单内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

怎么在InfoPath Web浏览器表单中弹出对话框?

在启用浏览器兼容模式的InfoPath表单是不能直接使用类似ASP.NET那种方式弹出对话框的, 那么我们是不是就不能弹出对话框了呢? 答案当然不是. 我们都知道XmlFormView控件是SharePoint中承载InfoPath表单页面显示的, 在查阅MSDN后, 我们发现可以为它增加一个"onnotifyhost"方法, 然后在事件中我们可以用代码注册JS弹出对话框. 这时候在表单可以调用就很简单了, this.NotifyHost("Msg") 即可. en

elementui表单输入框部分校验--判断

<template> <div> <div class="binding_main_nav"> <div class="binding_main_nav_div"> <div class="binding_main_nav_div_selection"></div> <span>绑定邮箱</span> </div> <div clas

vue + element ui 阻止表单输入框回车刷新页面

问题 在 vue+element ui 中只有一个输入框(el-input)的情况下,回车会提交表单. 解决方案 在 el-form 上加上 @submit.native.prevent 这个则会阻止表单回车提交. 测试 下面的代码出现表单回车提交 <body> <div id="app"> <el-form ref="form" :model="form" label-width="80px"&

[转]一款漂亮的表单输入框样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" c

Servlet/Jsp实现当参数确实或缺失重新显示输入表单

(1)在有些时候我们的表单需要用户填写,但是没有填写就提交了,我们需要保留已经填写的数据然后再让用户填写没有填写的数据 (2)以一个处理拍卖竞标的servlet来实现功能: BidInfo.java package com.lc.ch04jingbiao; import com.lc.ch04Biaodanshuju.ServletUtilities; public class BidInfo { private String itemID = ""; private String i