首页 > 其他分享 >HTML5 Form表单

HTML5 Form表单

时间:2023-09-09 10:22:26浏览次数:43  
标签:Form 表单 输入框 HTML5 按钮 Document

Form表单使用来用户填写信息,从而能采集用户信息,使网站有交换功能,所有用户输入的地方;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="url" method="get|post" name="songs"></form>        <!--form 只要有用户输入的地方就会有form action  服务器地址??? name表单名字 method???-->
    <form>
        <input type="text">         <!--输入框-->
        <input type="submit">       <!--按钮-->
        <button>an</button>         <!--按钮-->             <!--type里面内容不同 表达不同-->
    </form>
</body>
</html>

表单基本组成为表单标签<form>  表单域 及输入框<input>单标签 表单按钮<button>  <input type="submit">  

表单元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        输入框:<input type="text">             <!--文本框-->
        <input type="submit">                   <!--按钮-->
        密码:<input type="password">            <!--密码输入框-->
        <input type="submit" value="登录">                    <!--提交按钮 用value可以改变按钮名称-->
    </form>
</body>
</html>

当为输入框时type 后面跟text 按钮时后面为button 密码输入框时为password  提交按钮可通过value属性替换按钮文本

标签:Form,表单,输入框,HTML5,按钮,Document
From: https://www.cnblogs.com/songs7/p/17688980.html

相关文章

  • Paper: Informer
    Informer时间序列模型1Introduction3significantlimitationsinLSTFLSTF(Longsequencetime-seriesforecasting)Thequadraticcomputationofself-attention.Theatomoperationofself-attentionmechanism,namelycanonicaldot-product,causesthetimecom......
  • HTML5元素分类和新增标签
    元素分类<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title&g......
  • HTML5表格标签和单元格合并
    表格标签<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=,initial-scale=1.0"><title>Document</title></head&g......
  • c#之Form类简介
    Form是窗口体类命名空间:System.Windows.Forms继承关系:Form类是Control类的子类,因此它继承了Control类的所有特性,如位置、大小、颜色等。同时,Form也继承了ContainerControl类,允许容纳其他控件。创建窗体:使用Form类的构造函数可以创建窗体的实例,例如:FormmyFor......
  • 表单引擎的自定义控件的概念与设计
    基本概念概述控件的定义:用于展示或者采集数据的表单元素,称为控件,比如:文本框、下拉框、单选按钮、从表等.自定义控件:表单引擎提供的基础控件之外的控件称为自定义控件,这些控件由开发人员自己定义,比如:评分、公文字号、定位等.基本控件分类字段控件:文本字段、数值字段、日期字段、......
  • @JsonFormat 和 @DateTimeFormat
    前端传给后端:当前端传来的是键值对,用@DateTimeFormat规定接收的时间格式。当前端传来json串,后台用@RequestBody接收,用@JsonFormat规定接收的时间格式。后端传给前端:后端返回给前端的时间值,只能用@JsonFormat规定返回格式,@DateTimeFormat无法决定返回值的格式。参......
  • 借助开源表单设计器,让办公流程化更顺畅!
    什么样的软件可以实现办公流程化发展?这是很多粉丝朋友问到的问题,其实,作为低代码技术平台服务商,建议大家了解下开源表单设计器,它在当前数字化转型发展的潮流中具有可观的利用价值,可以助力不同行业实现流程化发展,创造更高的市场佳绩。传统的表单制作非常单一,而且效率不高,不够灵活,也......
  • Terraform 模块重用资源 (8)
    模块重用资源介绍Terraform模块可以简化代码,减少代码重复的内容。使用Terraform模块可以重用基础设施资源。在Terraform本身看来模块只不过是一个或多个资源的容器。通过Terraform的模块机制,对想要重用的资源进行封装,即可在别处像函数一样方便的调用。模块代码结构通过调用......
  • HTML5有序无序标签
    标签分为有序标签和无序标签,有序标签为<ol><li>,无序标签分为<ul><li>有序标签<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width......
  • element表单中当有必填项没有填时,定位光标
    表单添加或修改时的验证1.表单<el-form:model="formData":rules="rules"ref="ruleForm"label-width="140px"></el-form>2.表单验证//添加数据addData(){ this.......