web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

html5表单有哪些新增元素和属性

500 ℃
           

html5语法中表单有哪些新增元素,下面web建站小编给大家简单介绍一下!​

1、新增的表单元素

<datalist>:元素规定输入域的选项列表,使用<input>元素的list元素与<datalist>元素的id绑定;
<keygen>:提供一种检验用户的可靠方法,标签规定用于表单的密钥对生成器字段;
<output>:用于不用类型的输出,比如计算或脚本输出。

2、新增的表单属性

placehoder属性:简短的提示在用户输入值前会显示在输入域上,既默认框提示;
required属性:是一个boolean属性,要求填写的输入域不为空;
pattern属性:描述了一个正则表达式用于验证<input>元素的值;
max/min属性:最大最小值;
step属性:为输入域规定合法的数字间隔;
height/width属性:用于image类型的<input>标签的图像高度和宽度;
autofocus属性:是一个boolean属性,在页面加载时自动获得焦点;
multiple属性:是一个boolean属性,规定<input>元素中选择多个值。

一款免费在线CSS动画缓动曲线编辑器——Easing Wizard

一款用于在网页上生成五彩纸屑特效的JavaScript库——Canvas Confetti

利用纯css3语法做一个图片瀑布流效果

uniapp微信小程序鼠标点击input placeholder出现位移解决方法

uniapp开发微信小程序提示“启动组件按需注入未通过”解决方法

标签: html5表单

上面是“html5表单有哪些新增元素和属性”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_4914.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > 前端知识
本文共计460个字,预计阅读时长4分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一个可以查询老黄历的网站,可以根据五行取名!
下一篇: 详细介绍HTTP状态码不同之处的原因(什么原因导致的)
x 打工人ai神器