java script 初识

原创 于 2016-11-08 17:52:43 发布 · 283 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了HTML中常用的表单元素，包括文本框、单选框、勾选框、下拉选择框等，并通过示例代码展示了这些元素的具体用法。 
<!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>





                

        

    


  



    

      

        

            

              
                
                  java_19_lh
                
              
            

            

                关注
              
            

        

        

          
      

      










            

  



          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值