首页 > Web开发 > 详细

HTML的表单

时间:2020-02-16 18:37:44      阅读:72      评论:0      收藏:0      [点我收藏+]

HTML的表单

比如登录网站的时候,有登录名和密码,就是表单。

语法:

<form action="https://www.baidu.com/" method="post">
<!--文本输入框 : input type = "text"-->
<p>账号:<input type="text" name="username"></p>
<!--密码框 : input type = "password"-->
<p>密码:<input type="password" name="pwd"></p>
<!--提交和重置-->
<p>
   <input type="submit">
   <input type="reset">
</p>
</form>

其中:

action:表单的提交位置,可以是网站(如例1),也可以是一个请求处理地址(如例2)

method:两种方法:post和get

                get:可以在url种看到我们提交的信息,不安全,但是高效(如例2)

                post:不可以在url种看到我们提交的信息,比较安全,且可以传输大文件(如例1)

1. 表单中action采用网站+methon采用post举例:

技术分享图片  技术分享图片

完整代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单学习</title>
</head>
<body>
<h1>注册</h1>
<!--表单form
action:表单的提交位置,可以是网站,也可以是一个请求处理地址
method:两种方法:post和get
get:可以在url种看到我们提交的信息,不安全,但是高效
post: 不可以在url种看到我们提交的信息,比较安全,且可以传输大文件
-->
<form action="https://www.baidu.com/" method="post">
<!--文本输入框 : input type = "text"-->
<p>账号:<input type="text" name="username"></p>
<!--密码框 : input type = "password"-->
<p>密码:<input type="password" name="pwd"></p>
<!--提交和重置-->
<p>
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>

2. 表单中action采用请求处理地址+methon采用get举例:

技术分享图片

完整代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单学习</title>
</head>
<body>
<h1>注册</h1>
<!--表单form
action:表单的提交位置,可以是网站,也可以是一个请求处理地址
method:两种方法:post和get
get:可以在url种看到我们提交的信息,不安全,但是高效
post: 不可以在url种看到我们提交的信息,比较安全,且可以传输大文件
-->
<form action="2.请求处理的地址.html" method="get">
<!--文本输入框 : input type = "text"-->
<p>账号:<input type="text" name="username"></p>
<!--密码框 : input type = "password"-->
<p>密码:<input type="password" name="pwd"></p>
<!--提交和重置-->
<p>
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>

  

HTML的表单

原文:https://www.cnblogs.com/WZ-BeiHang/p/12317336.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!