<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>设计师内容页</title>
</head>
<body> <input name="" type="text" onfocus="if(this.value=='请输入邮箱地址,以便收到编辑的回复') {this.value='';}" onblur="if(this.value=='') {this.value='请输入邮箱地址,以便收到编辑的回复';}" value="请输入邮箱地址,以便收到编辑的回复" />
<textarea name="" rows="" onfocus="if(value=='如果您遇到任何有关服装的问题都可以在此提问') {value=''}" onblur="if(value=='') {value='如果您遇到任何有关服装的问题都可以在此提问'}">如果您遇到任何有关服装的问题都可以在此提问</textarea> </body>
</html>

弹出层,可以写表单

<link href="http://www.dazhongw.com/css/css.css" rel="stylesheet" type="text/css" />
<SCRIPT src="http://www.dazhongw.com/js/jquery.min.js"></SCRIPT> <script language="javascript" type="text/javascript">
function showDiv(){
$("#zxgs").attr('value',$("#gsmc").text());
$("#ly").attr('value',$("#xxly").text());
document.getElementById('popDiv').style.display='block';
document.getElementById('popIframe').style.display='block';
document.getElementById('bg').style.display='block';
}
function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
document.getElementById('popIframe').style.display='none';
}
</script> <script language="javascript">
function checkkey(){
if(form2.realname.value=='请填写您的真实姓名')
{
alert("请填写您的真实姓名!");
form2.realname.focus();
return false;
}
if(form2.mobile.value=='请输入您的手机号')
{
alert("请输入您的手机号!");
form2.mobile.focus();
return false;
}
return true;
}
</script>
<script language="javascript">
function clearDefaultText2(el2, message2) {
var obj2 = el2;
if (typeof (el2) == "string")
obj2 = document.getElementById("mobile");
if (obj2.value == message2) {
obj2.value = "";
}
obj2.onblur = function() {
if (obj2.value == "") {
obj2.value = message2;
}
}
}
</script> <script language="javascript">
function clearDefaultText(el, message) {
var obj = el;
if (typeof (el) == "string")
obj = document.getElementById("realname");
if (obj.value == message) {
obj.value = "";
}
obj.onblur = function() {
if (obj.value == "") {
obj.value = message;
}
}
}
</script>
<div id="popDiv" class="mydiv" style="display:none;">
<h4><span>免费预约</span><a href="javascript:closeDiv()">X 关闭</a></h4>
王gg
</div>
<div id="bg" class="bg" style="display:none;"></div>
<iframe id='popIframe' class='popIframe' frameborder='' ></iframe>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>
<a href="javascript:showDiv()">open</a>

input内文字点击消失 弹出层,可以写表单的更多相关文章

  1. fastadmin: layer.open 弹出层如何在表单提交之后自动关闭?

    需要在控制器对应的js文件中添加   Form.api.bindevent($("form[role=form]")); define(['jquery', 'bootstrap' ...

  2. jquery实现点击按钮弹出层和点击空白处隐藏层

    昨天做项目遇到一个问题,和大家分享下,jquery实现点击按钮弹出层和点击空白处隐藏层的问题 if($('.autoBtn').length){                $('.autoBtn' ...

  3. jQuery第三课 点击按钮 弹出层div效果

    jQuery 事件方法 事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件. 触发实例: $("button#demo").click() 上面的例子将触发 id= ...

  4. js 点击 隐藏弹出层

    document.onmousedown = function(e){ var ev = document.all ? window.event : e; var _con = $("#ci ...

  5. ios手机弹出层上表单的操作,收起键盘焦点错乱的问题

    今天遇到了ios手机下 弹出层上form表单 当收起键盘后,焦点错乱,无法再操作的问题 解决办法 function device() { const u = navigator.userAgent; ...

  6. selenium选错弹出层的下拉框

    要先选中这个弹出层的form元素,再找下拉框 public void downSelectBox(){ driver.get("https://www.imooc.com/user/setp ...

  7. Jquery 点击图片在弹出层显示大图

    http://blog.csdn.net/wongwaidah/article/details/28432427(案例链接出处,本人只是转载收藏) <html> <head> ...

  8. jquery---点击弹出层

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. JS简易弹出层

    目标 实现简易的js弹出框.为了简单灵活的在小项目中使用. 实现思路 研究bootstrap的弹出框效果后,认为层级示意图如下: 层说明 弹出层分为三层.最底层的遮罩层,覆盖在浏览器视口上.它之上是弹 ...

随机推荐

  1. hdu 5874 Friends and Enemies icpc大连站网络赛 1007 数学

    #include<stdio.h> #include<iostream> #include<algorithm> #include<math.h> #i ...

  2. 取URL得值

    有这样一个URL:http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e,请写一段JS程序提取URL中的各个GET参数(参 ...

  3. BASE2(matlab)

    %{ // %} clc % linspace(3,5) 3到5 分成100 default %{ a=1 b=2 str = [num2str(a),'+',num2str(b)] eval(str ...

  4. LYNC2013介绍和基础架构准备角色

    LYNC2013部署系列PART1:LYNC2013介绍和基础架构准备 前言:LYNC 2013发布已经很久了,本人一直在进行相关的学习和测试,在有限的资源条件下,把能够模拟出来的角色进行了安装部署, ...

  5. rabbitmq——镜像队列

    转自:http://my.oschina.net/hncscwc/blog/186350?p=1 1. 镜像队列的设置 镜像队列的配置通过添加policy完成,policy添加的命令为: rabbit ...

  6. SSL+socket详解

    转自:http://hengstart.iteye.com/blog/842529 一.        SSL概述 SSL协议采用数字证书及数字签名进行双端实体认证,用非对称加密算法进行密钥协商,用对 ...

  7. ECOS CMD更新

    update update --force-update-db

  8. pc打开手机站提示切换为手机屏幕

    .turn { position: absolute; width: 100%; height: 100%; left:; top:; background: url(../images.png) c ...

  9. SpringMVC 学习-入门篇

    一.都需要哪些 Jar 包 <dependencies> <dependency> <groupId>org.springframework</groupId ...

  10. thinkphp整合系列之短信验证码、订单通知

    现在这个短信通知泛滥的年代:应用如果没有个短信注册:你都不敢说你是搞开发的: 这个验证码搞起来是不难的:但是如果刚接触也是有点不知从哪下手的迷茫: 先讲下概念: 要想发送验证码:需要至少三项:appi ...