01 find input – 柯博文老師

12 9 月

<script>
// Edit your script here

$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>

<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>

找input 的　id=”test”
httpsss://js.do/powenko/01-find-input-id

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<input id="test1" list="values" placeholder="select">
<datalist id="values">
    <option value="orange">
    <option value="banana">
    <option value="lemon">
    <option value="apple">
</datalist>
<script>
    $('input #test1').on('click', function() {
        $(this).attr('placeholder',$(this).val());
        $(this).val('');
    });
    $('input #test1').on('mouseleave', function() {
        if ($(this).val() == '') {
            $(this).val($(this).attr('placeholder'));
        }
    });
</script>
<!-- edit your html here -->