1.8.10- 表单域

Posted chamberlain

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了1.8.10- 表单域相关的知识,希望对你有一定的参考价值。

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- 表单域的主要内容,如果未能解决你的问题,请参考以下文章

表单和表单域

从主表单域自动填充子表单域

easyUi隐藏域有个form表单 在关闭隐藏域出现校验提示

[HTML]表单标签(form表单域input输入表单label标签select下拉表单textarea文本域)

elementfrom表单如何限制表单域

将数据从一个表单域传递到另一个表单域