学会选择,才能控制

原创 2018-11-01 23:23:05 317
摘要:之前贴代码没有成功我才只写感想的,请老师查阅。<!DOCTYPE html><html><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="css/index.css"&g

之前贴代码没有成功我才只写感想的,请老师查阅。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<link rel="stylesheet" type="text/css" href="css/index.css">

    <script type="text/javascript" src="jquery-3.3.1.min.js"></script>

<title>Document</title>

<style type="text/css">

        input,select{

         width: 200px;

         height: 18px;

         padding: 10px;

         margin: 10px;

         border: 1px solid  #FFA500;


        }

        button{

         width: 150px;

         height: 40px;

         margin: 10px;

         background-color: #FF8C00;

         border:none;

         color:#fff;

        }

        a{

         color:#FF8C00;

        }

        a:link{text-decoration: none;}

        a:visited{text-decoration: none;}

        a:hover{text-decoration: underline;color:red;}

        #check1,#check2{

            display:inline-block;

            height: 15px;

            width:15px;

            background-color:red;

        }

        label{

             color:#FFA500;


        }

</style>

</head>

<body>

<script>

    $(document).ready(function(){

        $(':disabled').css('width',"20px")

        $('input:enabled').css('color','#888')

        $(':checked').css('height','20px')

        $(':selected').css('color','red')

    })

</script>

    <form method="post" action="http://www.php.cn"></form>

    <input type="text" name="usename" id="usename" placeholder="用户名"><br>

    <input type="password" name="psd" placeholder="密码"><br>

    <select>

        <option>北京</option>

        <option selected>上海</option>

        <option>广州</option>

    </select>

    <br>

    <input type="checkbox" name="" checked id="check1" disabled="disabled"><label for="chek1">男</label>

    <input type="checkbox" name="" id="check2"><label for="check2">女</label>

    <br>

    <button>登录</button> <a href="#">注册</a>

</body>

</html>


批改老师:韦小宝批改时间:2018-11-02 10:40:00
老师总结:好的!写的很不错!认真学习吧!以后把这个还可以当做笔记来看!

发布手记

热门词条