<!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. 《高性能Javascript》读书笔记-3

    第三章 DOM编程 把dom和js 各自想象为一个岛,他们之间用收费的桥梁链接,每次访问dom都必须途径这座桥收取过路费,访问次数多费用就高了.所有必须减少来往次数. innerHtml 与dom比较 ...

  2. org.apache.commons.lang3.StringUtils类中isBlank和isEmpty方法的区别

    相信很多java程序员在写代码的时候遇到判断某字符串是否为空的时候会用到StringUtils类中isBlank和isEmpty方法,这两个方法到底有什么区别呢?我们用一段代码来阐述这个区别吧: @T ...

  3. Arch下载官方镜像列表Official mirrors

    Official mirrors The official Arch Linux mirror list is available from the pacman-mirrorlist package ...

  4. OC类的本质及分类

    (一)类的本质 类对象(class object)与实例对象(instance object) 类本身也是一个对象,是class类型的对象,简称“类对象”. 在/usr/include/objc/ob ...

  5. erlang nif小结

    一.nif获取string参数的两种方式 1.eif_get_string 实例如下: static ERL_NIF_TERM erl_sm4_encrypt(ErlNifEnv* env, int ...

  6. TCP/IP 和HTTP 协议基础知识

    来源:http://www.myhack58.com/Article/60/63/2014/50072.htm 相信不少初学手机联网开发的朋友都想知道Http与Socket连接究竟有什么区别,希望通过 ...

  7. Python基础（四）-集合

    补充: 数据类型分类: 1.按照数据可变不可变: 可变:列表.字典 不可变:数字.字符串.元组 x={':1} print(id(x)) x.update({':2}) print(x) print( ...

  8. Core Animation中的关键帧动画

    键帧动画就是在动画控制过程中开发者指定主要的动画状态,至于各个状态间动画如何进行则由系统自动运算补充(每两个关键帧之间系统形成的动画称为“补间动画”),这种动画的好处就是开发者不用逐个控制每个动画帧, ...

  9. iOS中的项目新特性页面的处理

    一般项目中都会出现新特性页面,比如第一次使用应用的时候,或者在应用设置里查看新特性的时候会出现. 这里,选择新建一个专门处理项目新特性的控制器,来完成功能. 首先是 NewFeaturesViewCo ...

  10. JavaScript（9）——call与apply

    call与apply call和apply方法可以通过函数名称来调用函数.有两个参数 call()方法与apply()方法的作用相同,他们的区别仅在于接收参数的方式不同. [call] 调用一个对象的 ...