HTML5-初识表单post和get提交

复制代码
表单语法


<form method="post" action="result.html">
<p>名字:<input name="name" type="text" > </p>
<p>密码:<input name="pass" type="password" > </p>
<p>
<input type="submit" name="Button" value="提交"/>
<input type="reset" name="Reset" value="重填“/>
</p>
</form>

method:规定如何发送表单数据,
常用值:
get ：get方式提交，我们可以在url中看到我们提交的信息，不安全，但高效
post：比较安全，可以传输文件
action:表示向何处发送表单数据 


复制代码


 


 


复制代码


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录注册</title>
</head>
<body>
    
  <h1>注册</h1>
  <!--表单form
    action:表单提交位置，可以是网站，也可以是一个请求处理地址
     method:post,get提交方式
    
    -->
  <form action="我的第一个网页.html" method="get">
    <!--文本输入框：input type="text"-->
  <p>名字：<input type="text"name="username"/> </p>
    <!--密码框：input type="password"-->
  <p>密码：<input type="password" name="userpwd"/></p>
  <p>
    <!--
    submit:提交按钮
    reset：清空按钮
    -->
    <input type="submit"/>
    <input type="reset"/>
    </p>
    
  </form>
  
</body>
</html>


复制代码


 






            

            
posted @ 
 
hollg 
阅读(514) 
评论(0) 
编辑 
收藏 
举报


        

	    
	    
    









    
    

    
    



    

        
    

        

            
                
                
            
        

    



    相关博文：

    

            

                · 
                HTML5-文本框和单选框
            

            

                · 
                HTML5-表单初级验证（placeholder：可以在文本框有提示信息、required:不能为空）
            

            

                · 
                初识表单post和get提交
            

            

                · 
                【1】HTML5入门
            

            

                · 
                11.表单语法
            

    





    

    阅读排行：
    

 ·          TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
        

 ·          阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
        

 ·          【译】Visual Studio 中新的强大生产力特性
        

 ·          【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
        

 ·          10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
        



    

    



	

	

	
	

	

	

	





    

        

    











    


    
    








  

  
点击右上角即可分享

  微信分享提示

   
    
SQL AI 助手