首页 > 其他分享 >HTML表单标签-概述

HTML表单标签-概述

时间:2022-11-15 15:35:22浏览次数:46  
标签:HTTP 请求 标签 表单 HTML 参数 地址栏

表单:

概念:用于采集用户输入的数据的,用于服务器进行交互

form:用于定义表单的,可以定义一个范围,范围代表采集用户数据的范围

属性:

action:指定提交数据的URL

method:指定提交方式

 分类:一共7种,2种比较常用

get:

1、请求参数会在地址栏中显示。会封装到请求中(HTTP协议后讲解)

2、请求参数大小是有限制的

3、不太安全

post:

1、请求参数不会在地址栏中显示,会封装在请求体中(HTTP协议后讲解)

2、请求参数的大小没有限制

3、较为安全

表单项中数据要想被提交:必须指定其name属性

代码案例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
    <form action="#" method="post">
        用户名:<input name="username"><br>
        密码:<input name="password"><br>
        <input type="submit" value="登录">
    </form>
</body>
</html>

 

标签:HTTP,请求,标签,表单,HTML,参数,地址栏
From: https://www.cnblogs.com/shenziyi/p/16892465.html

相关文章

  • 直播软件app开发,js 表单验证,登录注册
     直播软件app开发,js表单验证,登录注册<!DOCTYPEhtml><html> <head>  <metacharset="UTF-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge">  ......
  • Antd之表单label超出宽度增加省略号
    需求:Antd之表单label超出宽度增加省略号代码结构如下:使用.ant-form-item-label{text-overflow:ellipsis;}无效,原因是label的display:inline-flex值使其无效。......
  • java中将word转换为html导入到ueditor编辑器中(解决图片问题,样式,非常完美)
    图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.......
  • 2022-11-15 如何给rich-text里的标签添加类名
    e.title=e.title.replace(/\<p/gi,'<pstyle="display:inline-block!important"');我这个是遍历一个数组中的所有title,并且给每个title的值都替换掉指定的标签,需要......
  • 第四十七章 开发自定义标签 - 服务器文档对象模型
    第四十七章开发自定义标签-服务器文档对象模型当CSP编译器处理CSP文档时,它首先查找与规则匹配相关的所有标记。当编译器扫描文档时,它会创建一个与CSP文档中包含的标记......
  • HTML
    HTMLHTML初识定义及发展史定义:超文本标记语言HyperTextMarkupLanguage标记语言:就是用标签来写的语言超文本:文本就是文件、文档,超文本包括:文字、图片、音频、视频......
  • 新增弹框内表单布局
    //表单element-ui//表单<el-formlabel-width="120px":model="form":rules="rules"ref="form"><el-form-itemprop="rulesprop"label="部门名称">//文本框<......
  • label标签
    一个完整的表单是由表单标签<from></from>语气中包裹的各种表单控件组成的。label标签是一种常见的表单控件。作用:是用户在填写表单的项目时有更好的体验。举例【部分完......
  • 【Javaweb】了解link标签
    link标签的属性标签就是定义文档和外部的关系,常见用途是链接样式表。通常指存在于head部分。规定被连接文档的位置<linkrel='stylesheet'href='./ease.css'type='t......
  • day25- html表单学习
    表单<form表示一些操作:action:表单提交的位置,可以是一个网站也考研时一个请求处理的地址method:post,get提交方式get方式:在url中可以看见提交的信息,不安全但是很方便pos......