HTML5相较之前版本新增部分元素(二)

本文详细介绍了HTML5中的各种表单输入类型,如number、range、date等,以及表单验证功能,如required、pattern属性,强调了其在减轻服务器压力和提升安全性方面的作用。同时,分享了如何在F12开发者工具中实时修改和测试这些元素的属性,为前端开发者提供了实用技巧。
摘要由CSDN通过智能技术生成

首先< input type=

number:提供一个小箭头给你增加、减少 min=最小值 max=最大值 step=步长 value=默认值
range:会有一个拖动条   min=你拖到底提交的最小值  max=你拖到头能提交的最大值  step=步长  value=默认值

date:选择日期
month:选择月份
week:还有选第几周的
time:选择时分
datetime:UTC时间 给你一个输入框输入时间
datetime-local:本地时间

要提交的内容要包裹在form标签里可不要忘了哦!

---------------------------------------------------------------------------------------------------------------------------------

HTLM5的

表单验证
为了减轻服务器压力,和提供一些安全性。

<input 

placeholder:input的文本框提供的提示 
required:不能为空,必填

可以装配到text search url email password number checkbox radio file

pattern:输入内容必须符合正则表达式 举个栗子~

以1开头三五八选一个后面跟九位数^1[358]\d{9}

路径要用纯英文的字符哦!不然识别会出错的,比如下面的把前面那个中文的04-01给删掉就能显示出来了

在F12里可以选中网页中的元素

进行修改

 右下角的参数是可以修改的,一边看一边改

很方便哦!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值