input 无法同时用value和placeholder问题

今天想用ajax和cookie做个自动登录,结果出现很多错误,特在此记录下

一开始我没用cookie是这样的

<input id="log-name" type="text" name="username"   placeholder="请输入用户名" onfocus="this.placeholder=‘‘" onblur="this.placeholder=‘请输入用户名‘"   >

使用cookie的就需要在后面加个value,

结果cookie存在,value也有值却显示不出来,就是因为前面placeholder定义的得到焦点和失去焦点事件,所以只能 把placeholder去掉

当然用cookie还需要弄个checkbox定义是否自动登录,我是这样写的

<input name="check" id="check" checked="checked" type="checkbox" value="check" style="width:14px;height:14px;margin-top:0px;"><label for="check" style="color:#666666;font-size:15px;line-height:20px;">&nbsp;&nbsp;记住我</label>

然后在ajax传值上又有问题了

$.ajax{data:"check"=$("#check").val()}

这样传值 后台得到的都是check,就是说每次都是自动登录,不用ajax,直接用submit提交的话,如果不勾选checkbox,checkbox的值就是null,勾选了才是check

所以让我很疑惑的是到底怎么把checkbox没有勾选的null传到后台,向我上面这样取值,无论勾不勾选checkbox得到的都是check

于是乎,我放弃了cookie自动登录的改动,还是维持原样,真是烦

提问 :谁能告诉我如何将checkbox的值传到ajax里面,我说的是勾选和不勾选。。。。。。

原文地址:https://www.cnblogs.com/senn0213/p/9175900.html

时间: 2025-01-18 05:27:32

input 无法同时用value和placeholder问题的相关文章

input placeholder 兼容问题

placeholder是html5出的新特性,ie9以下是不兼容的, 那么为了兼容ie9  我们需要对他做处理 //jq的处理方式$(function(){ jQuery('[placeholder]').focus(function() { var input = jQuery(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClass('placeholder'); } }).

(二)给IE6-IE9中的input添加HTML5新属性-placeholder

同样是最近遇到的一个小问题.因为IE9以下input是不支持placeholder属性的.在网上找到了解决方案,果断带走.正如鲁迅先生所说的‘拿来主义’:运用脑髓,放出眼光,自己来拿!感谢.借花献佛在这里记录分享下. 用法很简单,在代码中引入placeholder.js,并加入后面的一段代码就行了. 1 <script src="jquery-1.11.3.js"></script> 2 <!--IE8-IE6支持html5 placeholder新属性

关于input标签和placeholder在IE8,9下的兼容问题

一. input常用在表单的输入,包括text,password,H5后又新增了许多type属性值,如url, email, member等等,考虑到非现代浏览器的兼容性问题,这些新的type常用在移动端的项目中. 二. IE10+浏览器下,input标签会有一个默认的样式,比如文本框的'×'号,密码框的小眼睛.初衷是好的,有时候很方便,但有时候我们会自己设置样式和功能.可以用伪元素方法去除: ::-ms-clear, ::-ms-reveal{display: none;} 三. 在低版本的I

手机端input[type=date]的时候placeholder不起作用解决方案

目前PC端对input 的date类型支持不好,我试下来的结果是只有chrome支持.firefox.IE11 都不支持.而且PC端有很多日历控件可供使用.就不去多考虑这点了. 那么在移动端的话,ios和安卓都是支持的,但是当type类型是date的时候placeholder属性又会失效.PC端的chrome默认显示是“年/月/日”,但在移动端就是一片空白了. 移动端自带的日期控件确实是个好东西.让用户填写的时候体验很好,很方便.对前端来说可以省去验证日期格式这一步.这么好的东西怎么能舍弃呢.

input标签placeholder过长省略号显示

虽然input标签的placeholder可以用如下方式设置input::-webkit-input-placeholder { /* Chrome/Opera/Safari /color: red;}input::-moz-placeholder { / Firefox 19+ /color: red;}input:-ms-input-placeholder { / IE 10+ /color: red;}input:-moz-placeholder { / Firefox 18- */col

解决html5新标签 placeholder 低版本浏览器下不兼容问题

placeholder属性是HTML5 中为input添加的.在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示. 实例:1 <input type="text" name="userName" placeholder="请输入用户名"> placeholder操作起来非常方便,提高了开发效率,同时在高版本浏览器中用户体验也很好,所以本人很喜欢用这个属性. 然而,在IE9以下版本浏

设置PlaceHolder的颜色

input::-webkit-input-placeholder{ color:green; } input::-webkit-input-placeholder { color: #999; } input:-moz-placeholder { color: #999; } // css修改placeholder的颜色 ::-webkit-input-placeholder{ } :-moz-placeholder{ } ::-moz-placeholder{ } :-ms-input-pla

ie9 placeholder兼容

.phcolor{ color:#999;}//css样式 function isPlaceholer(){ var input = document.createElement("input"); return "placeholder" in input; }; function placeholder(input){ var text = input.attr('placeholder'), defaultValue = input.defaultValue;

html5 input 标签

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html" /> 5 <meta name="author" content="Prince" /> 6 7 <title>form</title> 8 </head>