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 @ 2022-06-15 11:43  hollg  阅读(458)  评论(0编辑  收藏  举报