java script 初识

最新推荐文章于 2024-09-13 19:31:52 发布

java_19_lh

最新推荐文章于 2024-09-13 19:31:52 发布

阅读量242

点赞数

本文链接：https://blog.csdn.net/java_19_lh/article/details/53084980

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>biaodan</title>
    <style>
        #div1
        {
            width:200px; height: 100px;background-color: #1f3bff;border: 1px solid #999;display: none;
        }
        </style>
</head>
<body>

/* 1.文本框    */

<p>ship to :</p>
<p>
    NAME:<input type = "text" name = "usename">
</p>
<pre name="code" class="javascript">/* 2.单选框  */

/* 3.勾选框    */

/* 4.下拉选择框    */

/* 5.日起选择框    */

<p> MUST ARRIVE BY DATE:<br> <input type = "date" name ="birthday"></p>

<pre name="code" class="javascript">/* 6.数字选择下拉框    */

/* 7.文本框   行数   每行子符数    */

<p> CUSTOMER CONTENTS:<br> <textarea name = "comment" rows="5" cols="40">sasa</textarea></p>

<pre name="code" class="javascript">/* 8。确认 提交方法  2种    */

<pre name="code" class="javascript">/* 简单练习js*/

<pre name="code" class="javascript"><input type = "submit" οnmοuseοver="document.getElementById('div1').style.display='block'" οnmοuseοut="document.getElementById('div1').style.display='none'">
<div id ="div1">
    请想好之后，在点击
    </div>

</body></html>