java script 初识

来源:互联网 发布:缺少mysql.sock 编辑:程序博客网 时间:2024/05/21 08:53
<!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.单选框  */
<p>性别:</br> <input type = "radio" name = "sex" value="man">男 </br> <input type = "radio" name = "sex" value="women">女</p>
/* 3.勾选框    */
<p> 爱好:<br/> <input type = "checkbox" name = "hobby[]" value="0"> 篮球 <input type = "checkbox" name = "hobby[]" value="1"> 足球 <input type = "checkbox" name = "hobby[]" value="2"> 排球</p>
/* 4.下拉选择框    */
<p> 城市:<br/> <select name ="city"> <option value = "0">沈阳</option> <option value = "0">沈阳1</option> <option value = "0">沈阳2</option> <option value = "0">沈阳3</option> </select></p>
/* 5.日起选择框    */
<p> MUST ARRIVE BY DATE:<br> <input type = "date" name ="birthday"></p>
<pre name="code" class="javascript">/* 6.数字选择下拉框    */
<p> NAME OF BAGS:<br> <input type = "number" name = "bags"></p>
/* 7.文本框   行数   每行子符数    */
<p> CUSTOMER CONTENTS:<br> <textarea name = "comment" rows="5" cols="40">sasa</textarea></p>
<pre name="code" class="javascript">/* 8。确认 提交方法  2种    */
<p> <input type = "submit"> <input type = "button" value="确定"></p>
<pre name="code" class="javascript">/* 简单练习js*/
<pre name="code" class="javascript"><input type = "submit" onmouseover="document.getElementById('div1').style.display='block'" onmouseout="document.getElementById('div1').style.display='none'"><div id ="div1">    请想好之后,在点击    </div>
</body></html>

0 0