el-input使用value标签值不可以修改_css(HTML新增标签)

新增标签(列举)

a. <header> 标记定义一个页面或一个区域的头部
b. <footer> 标记定义一个页面或一个区域的底部
c. <nav> 标记定义导航链接
d. <menu> 菜单列表
e. <section> 标记定义一个区域
f. <aside> 标记定义页面内容部分的侧边栏
g. <article> 标记定义一篇文章
h. <hgroup> 标记定义文件中一个区块的相关信息
i. <mark> 标记,内容显示背景颜色,可以修改
j. <address> 地址标签
k. <time> 表示日期或时间,也可以同时表示两者,相当于span
l. <figure>+<figcaption>表示一段独立的内容,一般表示文档主体流内容中的一个独立 单元。 figcaption表示 figure 的标题。从属于 figure ,并且, figure 中只 能放置一个 figcaption
m. <canvas> 标记定义画布
n. <video> 标记定义一个视频
o. <audio> 定义音频内容
p. <source> 标记定义媒体资源
q. <embed> 标记定义外部的可交互的内容或插件比如 flash

结构区分

HTML5能在完全脱离插件的情况下播放音视频,但是不是所有格式都支持

955cb2639baace7c6c9f19aedf46ee4a.png

Video的常见属性

ddce36b54097368e37dc9b41101018d5.png

新增的智能表单

1)、Datalist:选项列表 
    input中输入list属性,属性值为该标签的id值,标签中子标签使用option,设置value和label 
    例: 
       <input type=“text” list=“id名" /> 
       <datalist id=“id名"> 
            <option label=“提示信息”     value=“值“ >   
            <option label="提示信息"   Value="值“ > 
       </datalist> 提示:option 元素永远都要设置value 属性

2)、output:表示不同类型的输出,比如脚本的输出 
     注:必须从属于某个表单。即,必须将它书写在表单内部,或对它添加form属性。
     <form oninput="x.value=parseInt(a.value)+parseInt(b.value)" >
        <input type="range" id="a" value="50" min="0" max="100"/> +
        <input type="number" id="b" value="50"/>=
        <output name="x" for="a b"></output>
     </form>

新增的表单属性

required: 表示该项是必填项,如果表单未填写,会弹出相应的提示信息
placeholder: 占位符,当获取焦点或者输入框中的值输入为空时显示,否则显示自己填写的内容
autofocus: 进入该页面自动获取焦点,原则上只允许设置一个,如果设置多个,则只有第一个有效 果
autocomplete:是否在输入的时候自动补全,默认值为on,另一个值为off multiple:支持用户输入多个此类型的文本,以逗号隔开,每个文本均会进行验证,适用于类型type为 email属性值和file属性值
pattern: 正则表达式,一般和title属性配合说明该项填写的内容 国家代码:<input type=“text” name=“country_code” pattern=“[A-z]{3}” title="三个字母的代码" />
min: 最小值,适用于属性type为number和range
max: 最大值,适用于属性type为number和range
step: 间隔
list属性: 结合datalist元素使用
取消验证: 可以对form表单添加novalidate属性,即使form表单中的input添加了required,也将不进 行验证
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值