当前位置: 首页 > news >正文

HTML-表单

HTML表单是什么?

HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站点。大多数情况下,数据被发送到web服务器,但是web页面也可以自己拦截它并使用它。

在本文中,我们将构建一个简单的联系人表单

为了构建我们的联系人表单,我们将使用以下HTML元素:<form>, <label>, <input>, <textarea>, and <button>

<form action="/my-handling-form-page" method="post">
    <div>
        <label for="name">Name:</label>
        <input type="text" id="name" />
    </div>
    <div>
        <label for="mail">E-mail:</label>
        <input type="email" id="mail" />
    </div>
    <div>
        <label for="msg">Message:</label>
        <textarea id="msg"></textarea>
    </div>
</form>

使用<div> 元素可以使我们更加方便地构造我们自己的代码,并且更容易样式化(参见本文后面的文章)。注意在所有<label>元素上使用for属性;它是将标签链接到表单小部件的一种正式方式。这个属性引用相应的小部件的id。这样做有一些好处。最明显的一个好处是允许用户单击标签以激活相应的小部件。

相关文章:

  • mahout的数据文件格式
  • 微信小程序开发总结
  • 编码占用字节数
  • spring boot 整合mybatis 无法输出sql的问题
  • 小程序上传图片到七牛云(支持多张上传,预览,删除)
  • 动态魔术使用DBMS_SQL
  • Mac 鼠须管 Rime 输入法 安装五笔输入法 教程
  • 接力10G,25G将成为数据中心首选解决方案
  • Redash本地开发环境搭建
  • 基于MaxCompute打造轻盈的人人车移动端数据平台
  • Chrome 被曝 0day 漏洞,可让黑客获取用户数据
  • Linux权限管理(week1_day5)--技术流ken
  • 基于ArcFace2.0+红外双目摄像头的活体检测 [Windows][C#][.NET][WPF]
  • Android 架构优化~MVP 架构改造
  • python列表,字典,集合
  • python3.6+scrapy+mysql 爬虫实战
  • 《Java8实战》-第四章读书笔记(引入流Stream)
  • 【划重点】MySQL技术内幕:InnoDB存储引擎
  • mysql中InnoDB引擎中页的概念
  • Rancher如何对接Ceph-RBD块存储
  • Sass Day-01
  • SQLServer之创建显式事务
  • SSH 免密登录
  • ------- 计算机网络基础
  • 检测对象或数组
  • 京东美团研发面经
  • 老板让我十分钟上手nx-admin
  • 前端之React实战:创建跨平台的项目架构
  • 浅谈Kotlin实战篇之自定义View图片圆角简单应用(一)
  • 数组大概知多少
  • 这几个编码小技巧将令你 PHP 代码更加简洁
  • HanLP分词命名实体提取详解
  • Spring Batch JSON 支持
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • ​软考-高级-系统架构设计师教程(清华第2版)【第9章 软件可靠性基础知识(P320~344)-思维导图】​
  • # Panda3d 碰撞检测系统介绍
  • #Ubuntu(修改root信息)
  • #微信小程序:微信小程序常见的配置传值
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (C语言)球球大作战
  • (Redis使用系列) Springboot 使用redis实现接口Api限流 十
  • (windows2012共享文件夹和防火墙设置
  • (zt)最盛行的警世狂言(爆笑)
  • (二)构建dubbo分布式平台-平台功能导图
  • (免费领源码)Java#Springboot#mysql农产品销售管理系统47627-计算机毕业设计项目选题推荐
  • (转)Android中使用ormlite实现持久化(一)--HelloOrmLite
  • (转)德国人的记事本
  • (转)重识new
  • .gitignore文件—git忽略文件
  • .NET Core引入性能分析引导优化
  • .NET 服务 ServiceController
  • .NET/C# 项目如何优雅地设置条件编译符号?
  • .NET国产化改造探索(三)、银河麒麟安装.NET 8环境
  • .NET中 MVC 工厂模式浅析
  • .net专家(张羿专栏)