HTML5保留的表单元素 以及 新增的属性

HTML5 表单新增的属性 HTML5新的input类型(目前IE都不支持,Opera和Chrome对新的输入类型的支持最好,即使不被支持,仍然可以显示为常规的文本域。step number 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)step number 规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)off(也可写成wrap):不换行,当输入的内容超出文本区域右边界时,文本将向左滚动,并显示滚动条。soft 当在表单中提交时,textarea 中的文本不换行。 阅读详情

首先是HTML5所保留的一些元素:

  1. input元素:
    input元素中有好多的类型,例如(单行文本框)text ,(密码输入框)password,(隐藏框)hidden,(单选框)radio,(复选框)checkbox,(图像域)image,(文件上传域)file,(提交,重设,无动作按钮)submit,reset,button。
    在这里插入图片描述

  2. lable定义标签
    在这里插入图片描述
    首先lable中的for属性要和input中的ID属性一致,人性化的是,点击文本框或者前边的“框”字,都可以进行框内输入。增加了用户体验。
    在这里插入图片描述

  3. button
    简单的定了一个按钮, 中可以包括文本和图片,这是和input的不同之处。
    按钮可以设置成图片按钮。但是一般都是文字按钮,文字是 提示信息。这个就不再详细描述了。

  4. select 和option元素
    select元素用于创建列表框或者下拉菜单,元素必须用option
    还有optgroup元素,子元素必须是option
    multiple 和size 规定了下拉菜单中的元素是否可以多选和显示的数量。
    在这里插入图片描述

  5. textarea
    简单的定义了多行文本框,可以指定其大小 ,与上述单行唯一的区别,还存在只读,就是上边的不可编辑的文本框。

  6. fielset 和 legend
    在这里插入图片描述
    ps:fielset的 disable属性可以使该表单组内的所有表单禁用

  7. form属性
    简单来说,HTML5新增了form属性,用于定义该表单控件所属的表单,该属性的值是它所属表单的id,不必使所有表单都放在form元素内部了

  8. formxxx (enctype methon target)
    enctype:改变表单的提交方式
    methon : 改变表单的提交方式
    target(_blank,_self):提交打开一个新的窗口和提交在本身窗口打开

  9. autofocus 和 placeholder
    一张图解决它们的作用
    在这里插入图片描述

  10. list属性(datalist)
    在这里插入图片描述

  11. autocomplete属性
    此属性有两个值 off 和 on 也就是开关
    当值为off 时 ,表单中,例如用户名(单行文本框)在第二次输入时候就不会提示第一次输入的用户名信息。当设置为on时候 ,第二次输入用户名会出现第一次输入的用户名作为提示。

  12. lable的control属性
    在这里插入图片描述
    ps:一张图说明白此属性

  13. 功能丰富的input元素

    在这里插入图片描述

    ps:HTML5新增的功能丰富的元素,省去了javascript繁琐的代码,太tmd 人性化了。

  14. HTML5新增的客户端校验
    required:表示该表单控件必须填写
    pattern:该表单控件填写必须符合这个正则表达式
    min,max,step:表示数值大小在min和max之间 ,step 表示步长
    在这里插入图片描述
    就总结 到这里了,后期再补充。欢迎大佬指点批评。

LeGO-LOAM相对LOAM的改进---地面分离的方法-算法原理+代码讲解 实际上此种地⾯分离算法有⼀些简单,我们可以结合激光雷达安装⾼度等其他先验信息进⾏优化,避免将桌子这些当作地面点。LeGO-LOAM中前端改进中很重要的⼀点就是充分利⽤了地⾯点,那⾸先⾃然是提取对地⾯点的提取。理想情况下, 应该接近0,考虑到⼀⽅⾯激光雷达安装也⽆法做到绝对⽔平,另⼀⽅⾯,地⾯也不是绝。对⽔平,因此,这个⾓度会略微⼤于0,考虑到作者实际在草坪之类的场景下运动,因此这个值被设置成。如上图,相邻的两个扫描线束的同⼀列打在地⾯上如AB点所⽰,他们的垂直⾼度差。,计算垂直⾼度差和⽔平⾼度差的⾓度。.. 阅读详情

相关推荐

安装Tailscale

如果返回 /usr/bin/tailscale 或类似路径,说明已安装但 sudo 可能找不到它。如果 which tailscale 没有输出,说明安装失败,重新执行安装步骤。Tailscale 的后台服务 tailscaled 必须运行。检查 tailscaled 服务是否运行。检查 tailscale 命令是否存在。

FairLikeSnow的博客 1476

HTML 5(三)——HTML 5表单相关元素与属性

一、HTML原有的表单及表单控件 1.表单元素 2.使用input元素 3.使用label定义标签 4. 使用button定义按钮 5. 列表框和下拉菜单 6. 使用textarea定义文本域 二、HTML 5新增的属性与元素 1. HTML 5为表单控件新增的属性 1.1 form 属性 1.2 formaction属性 1.3 formxxx属性 1.4 autofocus属性 1....

Undergoer的博客 1310

【论文精读】Formal Mathematical Reasoning: A New Frontier in AI

注:本文根据师兄汇报内容总结。

m0_60634555的博客 1189

html5关于form元素的介绍

众所周知,在web编程中,表单主要用于收集用户输入的数据。HTML5在保留原有HTML表单控件,属性的基础上,大大增强了表单,表单控件的功能。下面我将介绍一些HTML5表单及其控件的知识。 #form     form元素用于生成输入表单,该元素不会可视化,它除了包含像id,class等基本属性和像onclick等事件属性外,还包含了action,meth...

wjc_hbu的博客 4013

一文吃透 BMS:动力电池与储能共用的电池管控全架构详解

BMS作为电池系统的核心控制器,其技术深度和系统复杂性不容小觑。动力电池与储能系统虽然应用场景不同,但在核心架构上共享大量基础技术。成功的BMS设计需要在精度、可靠性、成本、功耗之间找到最佳平衡点。未来,随着电池技术的进步和智能化需求的提升,BMS将向着更高集成度、更强智能化、更优经济性的方向发展。无论是汽车工程师还是储能系统设计师,深入理解BMS的全栈架构,掌握其核心技术原理,都将是应对未来能源存储挑战的关键能力。核心要点回顾BMS采用分层分布式架构,硬件是基础,算法是灵魂。

小帽子的博客 340

Vue Print Designer——一款让打印模板的设计变简单的可视化打印设计器

Vue Print Designer——一款让打印模板的设计变简单的可视化打印设计器

bjzhang75的博客 685

html表单存储功能,纯前端实现保存表单数据功能

本文作者:IMWeb zzbozheng未经同意,禁止转载最近在用管理后台配置数据时,发现辛辛苦苦配置好的表单无缘无故地被覆盖,之后了解到由于我们都是在同一台开发机上做开发,难免会遇到其他同学做数据变更时覆盖掉自己的配置数据。于是我决定在表单配置里增加一项“配置操作”功能来解放自己双手以及惠及他人。用什么方式保存?找后端同学去帮忙做保存?把配置数据都保存到 localStorage?把配置数据都保...

weixin_30596151的博客 2854

ABAP 平台下配置 OAuth 2.0 Authorization Code 授权类型的完整指引

本文是面向ABAP管理员和SAP开发者的OAuth 2.0授权码配置实战指南。文章详细介绍了在ABAP平台启用Authorization Code的完整流程,包括前置条件检查(如TLS配置和系统用户准备)、SOAUTH2事务码中各字段配置要点(授权类型启用、Redirect URI设置、授权码有效期等)、Scope分配规则以及验证方法。通过一个销售订单OData接口的实际案例,说明了如何将抽象规范转化为具体配置。最后提供了多种验证方式(事务码测试、端点测试和Postman测试)以及关键配置参数(如授权码有效

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 298

HTML5常用的元素和属性,HTML5表单的元素和属性

html 原有的表单即表单控件1.1 form元素:form 元素用于生成表单,该元素不会生成可视化部分。form元素可以指定 id、style、class等核心属性,还可以指定onclick等事件属性。除此以外还可以指定如下几个属性。1.action:指定当点击表单的“确定”按钮时,该表单被提交到那个地址。该地址可以指定一个绝对地址也可以指定一个相对地址。该属性必填。2.method:指定提交...

weixin_33181210的博客 877

ncode控件使用总结

数据格式txt转s3t #HEADER #TITLES Absolute_Time,COG_Ax,COG_Ay,COG_Az,LF_SPINDLE_AZ #UNITS ,g,g,g,g, #DATATYPES Double,Float,Float,Float,Float #DATA 2. 导入s3t数据 3. 输入数据控件 直接拖入数据源或者添加控件数据 4.

技术联盟 2006

【图像超分】论文复现:CVPR 2024 | 轻量化超分 | 窗口注意力改进 | CAMixerSR的Pytorch源码复现,跑通源码,获得指标和超分结果,计算复杂度,架构梳理拆解,逐行注释!

本文介绍了超分辨率重建方法CAMixerSR的代码实现与运行指南。文章亮点包括:完整跑通源码获取PSNR/SSIM指标和可视化结果;详细解析模型架构与关键代码注释,帮助快速复现基线模型。实验部分提供了测试配置文件和训练设置说明,支持2K/4K/8K大图像超分和x2/x4轻量化超分。环境依赖PyTorch和BasicSR框架,数据集包含DIV2K等常用基准。测试结果与论文指标一致,可视化输出保存至指定目录。训练配置可自定义数据集路径、GPU数量等参数。该实现突出了CAMixerSR在降低W-MSA复杂度方面的

主要更新底层视觉(去噪、超分等)相关的科研内容,形式为【论文精读】+【论文复现】 438

HTMLform表单及其属性应用实例!!!

标题 源代码: <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>     </head>     <body>         &am

Uncle drew的博客 1351

小目标检测之改进的YOLOV11算法

MASF-YOLO通过多尺度特征聚合注意力增强自适应融合三大核心创新,显著提升了无人机视角下的小目标检测性能。

hasakie的博客 1718

疯狂html5css3javascript完整版 pdf,疯狂HTML5、CSS3、Javascript讲义---HTML5部分

疯狂HTML5、CSS3、Javascript讲义---HTML5部分 (41页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦!19.9 积分HTML5常用元素和属性2012年8月21日10:04HTML5的三点规则:1.兼容性:在老版本的浏览器上也可以运行2.实用性:没有特别复杂的功能,只是封装了常用的简单功能3.非革命性:并不是革命性的发展,只是一...

weixin_35775807的博客 651

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

HTML5表单元素、新增类型、新增属性

表单在 Web 网页中用来给用户填写信息,从而能采用户信息,使网页具有交互的功能。所有的用户输入内容的地方都用表单来写,如登录注册、搜索框表单是由容器和控件组成的,一个表单一般应该包含用户填写信息的输入框,提交按钮等,这些输入框,按钮叫做控件,表单就是容器,它能够容纳各种各样的控件

yqqの博客 1780

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

html:form表单的常用标签以及属性和html5新增的form的type属性值以及属性

html表单form的常用标签以及属性和html5的新增属性

YangLu888 9086

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

HTML5中表单新增的type属性和其他属性

一、表单新增的type属性 1.文本:输入框内容为文本格式 用户名:<input type="text" name="userName"> 2.密码:输入框内容为密码格式 用户名:<input type="password" name="password"> 3.邮箱:提交时会提示验证 邮箱:<input type="email" name="email">...

4148

如何使用HTML5新增的表单元素来增强表单功能

HTML5为表单控件增加了许多新的功能,例如数据验证、日期选择器、颜色选择器等。这些新特性使得开发者可以更加轻松地创建功能丰富的表单,同时保持代码的简洁性。

一个做过前端开发的产品经理,经历过睿智产品的折磨导致脱发之后,励志要翻身"农奴"把歌唱,一边打入敌人内部一边持续提升自己,为我们广大开发同胞谋福祉,坚决抵制睿智产品折磨我们码农兄弟! 1744

HTML5-新增的表单元素

HTML5新的表单元素。

Unrequited66的博客 2935

HTML5新增属性和表单元素

HTML5新增属性与表单元素一、HTML5新增属性1.1、contextmenucontextmenu的作用是指定右键菜单。 &lt;!DOCTYPE html&gt; &lt;html&gt;    &lt;head&gt;        &lt;meta charset="UTF-8"&gt;        &lt;title&gt;&lt;/title&gt;    &l

Mr·小五 9586

HTML5表单新增元素与属性

1.表单内元素的form属性 在HTML4中,表单内的从属元素必须书写在表单内部,而在HTML5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定的表单了。 代码示例如下: 2.表单内元素的formaction属性

乞力马扎罗的雪CYF的博客 2530

html5新增了哪些表单元素,HTML5新增表单元素

8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?HTML5新增表单元素主要有input标签其type类型主要有有以下几种:type="tel"用于输入电话号码type="search"用于提示用户输入要搜索的文字。search和text的区别主要在于样式上type="url"用于输入单个网址type="email"用于输入单个电子邮件地址;如果指定multiple属性...

weixin_36435442的博客 2516

HTML5中新增的表单元素[智能表单]

HTML5中新增的表单元素[智能表单] form表单中 type新增属性: email、URL、date、time、month、week、number、range、color

博客之家 7187

html5(新增input类型新增表单元素&新增表单属性&HTML5自带表单验证)

1、新增input类型 -电子邮件类型 语法: 当输入的邮件地址格式不对时,会弹出提示信息 -搜索类型 语法:&lt;input type="search"&gt; 手机键盘会将确定变换为搜索 -URL类型 语法:&lt;input type="url"&gt; 当输入的网址格式不正确时,会弹出提示信息 -电话号码类型 语法:&lt;input type="tel"&gt; 主要针对移动端,针..

王冉的博客 4247

【HTML5】表单新增元素与属性

文章目录表单内元素的form属性表单内元素的formaction属性表单内元素的formmethod属性表单内元素的formenctype属性标签的control属性文本框的placeholder属性文本框的list属性文本框的autocomplete属性表单内的formtarget属性文本框的pattern属性文本框的SelectionDirection属性复选框的indeterminate属性...

Super_Tyr的博客 1041

html5新增表单类型及属性

前言 HTML5相对于html4 而言,新增了很多新的特性。增添了一些语义化标签,还有新增的一些表单类型和属性。今天就着重罗列一下表单新增的这些类型。 新增input类型 color 用户可以从中任意选取一个颜色 <input type=“color”/ > date 可以从中选取一个日期 <input type=“date”/ > datetime-local 从中选取日期和时间 <input type=“datetime-local”/ > ema

杨欢博的博客 1387
上一篇: float数在内存中是如何存储的
下一篇: 计算机底层 CPU 内存 磁盘
姓刘的人运气不会太差
博客等级 码龄8年 11粉丝 31原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值