前端入门——html 表单

前面已经学习相关html大部分知识,基本上可以制作出简单的页面,但是这些页面都是静态的,一个网站如果要实现用户的互动交流,这时表单就起到关键的作用,表单的用途很多,它主要用来收集用户的相关信息,是网页具有交互的功能。例如,用户注册登录,留言等。

下面会详细介绍表单的使用方法,有以下内容:

  • 表单标签form的使用
  • 表单控件使用

使用<form></form>标签来创建一个表单,在其之间就是各种表单控件,如,输入框,文本框,单选按钮,多选按钮,提交按钮等。

语法代码如下:

1、action —— 处理程序

这里的 action 属性值表单提交的地址,就是表单收集好数据后要传递给远程服务的地址,其地址可以是绝对路径也可以是相对路径,或者其它形式,如发送电子邮件。

使用表单发送电子邮件:

提交到后台程序地址:

2、name —— 表单名称

表单名称,这一属性不是必需的,但是为了防止表单信息提交到后台处理程序时发生混乱,一般要设置一个名称,且在同一页面中最好是唯一的,不要和其它表单重复命名。

3、method —— 传送数据方法

method 属性用来定义处理程序使用那种方法来获取数据信息,常用的有 get 和 post (http 协议定义的方法)。

何时使用 GET?

GET 最适合少量数据或不是很重要数据的提交,浏览器会设定容量限制,默认如何没有设置method 属性,表单则会使用get 方法。

当您使用 GET 时,表单数据在页面地址栏中是可见的,会在表单提交的地址后面跟一个问号“?” ,问号后面是数据,以 名称1=值1&名称2=值2 形式发送到后台程序。

地址栏会看到如下:

关于 GET 的注意事项:

以名称/值对的形式将表单数据追加到 URL

永远不要使用 GET 发送敏感数据!(提交的表单数据在 URL 中可见!)

URL 的长度受到限制(2048 个字符)

对于用户希望将结果添加为书签的表单提交很有用

GET 适用于非安全数据,例如 Google 中的查询字符串

何时使用 POST?

使用post 表单数据和url(表单提交地址)是分开发送的,在页面地址栏中被提交的数据是不可见的,这样安全性更好,用户端会通知服务端获取数据,所以这种情况没有数据长度的限制,缺点是速度会慢些。

关于 POST 的注意事项:

将表单数据附加在 HTTP 请求的正文中(不在 URL 中显示提交的表单数据)

POST 没有大小限制,可用于发送大量数据。

带有 POST 的表单提交后无法添加书签

4、enctype —— 编码方式

enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

有以下几种值:

5、target —— 目标显示方式

target 属性规定在何处打开 action URL。表单的目标窗口通常用来显示表单返回的信息,例如是否成功提交了表单,是否出错等。

属性值有以下:

看到这里是不是想的了之前学习超链接时候,a标签也有同样的属性,这里差不多一个意思,只是用途不一样。

这里的窗口有可能是框架 frame 或 浮动窗口 iframe ,后面会讲到框架和浮动窗口,就是在一个页面中可以嵌套一个子窗口。

什么是表单控件,就是收集数据的各种形式控件,比如输入框,密码框,单选、多选按钮,下拉菜单,文本域,文件域,提交按钮等等。

如下代码:

效果如下:

这里显示了一个基本表单,包含了输入框,密码框,单选,下拉菜单,文本域等组件,下面会按其使用类型介绍表单控件。

所有表单控件都一个name属性和vaule属性,用于和其它控件区别,后台程序将会以此名称获取其表单控件对应的vaule值。

下篇会介绍各种表单控件的使用,感谢关注。

上篇:

下篇:

172号卡分销系统推荐人手机号操作步骤_号卡分销平台登录_

内容最后可以获取一级名额

172号卡分销系统推荐人手机号操作步骤详解

172号卡分销系统是一款高效便捷的分销管理工具。本文将详细介绍如何在该系统中操作推荐人的手机号,为您的分销业务提供精准的指导。无论您是新手还是资深用户,本文都将帮助您快速掌握关键步骤,提高工作效率。

黑钻直招,一级推荐码:13767214332

注册链接:https://haoka.lot-ml.com/reg_choose.html

第一步:登录并进入推荐人管理界面

首先,打开您的浏览器并访问172号卡分销系统的官方网站。在登录页面输入您的用户名和密码,然后点击“登录”按钮。成功登录后,您将进入主界面。在主界面中,找到并点击“推荐人管理”选项,这将带您进入推荐人管理界面。

第二步:添加或修改推荐人手机号

进入推荐人管理界面后,您将看到现有推荐人的列表。要添加新的推荐人,请点击页面上的“添加推荐人”按钮。在弹出的表单中,输入推荐人的姓名和手机号,然后点击“保存”。如果您需要修改已有推荐人的手机号,只需在列表中找到该推荐人,点击其右侧的“编辑”按钮,进行相应的修改并保存。

第三步:确认保存并检查更新

完成添加或修改推荐人手机号后,务必点击页面底部的“确认保存”按钮,以确保所有更改被正确保存。随后,返回推荐人列表查看更新信息,确保手机号已成功更新。如果一切正常,您可以开始通过该手机号进行后续的推荐和分销操作。

总结归纳

通过以上步骤,您可以轻松在172号卡分销系统中添加或修改推荐人的手机号。这个过程简单易行,但需要细心操作以保证信息的准确性。希望本文的详细指导能够帮助您更好地管理分销业务,并提升工作效率。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。