码迷,mamicode.com
首页 > 其他好文 > 详细

1.8.10- 表单域

时间:2019-07-17 18:59:44      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:png   图片   set   url   use   BMI   class   har   表单提交   

在HTML中,form标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下:

<form action="url地址" method="提交方式" name="表单名称">  
    各种表单控件
</form>

常用属性:

  1. Action在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。

  2. method用于设置表单数据的提交方式,其取值为get或post。

  3. name用于指定表单的名称,以区分同一个页面中的多个表单。

注意: 每个表单都应该有自己表单域。

技术图片

 

我们学了三个域:

1.文本域:textarea 留言的

2.文件域: input type=“file”  上传文件的

3.表单域:from 收集表单控件信息 并且提交。

技术图片

 

 代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h3>表单域</h3>
    <form action="">
    <p>用户名: <input type="text"></p>
    <p>&nbsp;码: <input type="text"></p>
    <input type="submit" value="提交"/>
    <input type="submit" value="重置"/>

    </form>
</body>
</html>

浏览器打开:

技术图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h3>表单域</h3>
    <form action="www.baidu.com" method="get">
    <p>用户名: <input type="text" name="username"></p>
    <p>&nbsp;  码: <input type="text" name="pwd"></p>
    <input type="submit" value="提交"/>
    <input type="submit" value="重置"/>
    </form>
</body>
</html>

 

 如果是get请求提交信息在URL里面显示:

技术图片

 

 技术图片

 

 get  速度快 但是会在URL里面显示表单提交的内容 不能做密码提交

post 速度慢 但是不会显示表单内容 安全一些。

 

1.8.10- 表单域

标签:png   图片   set   url   use   BMI   class   har   表单提交   

原文地址:https://www.cnblogs.com/Chamberlain/p/11202555.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!