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> 定义⾳频内容input标签placeholder属性
p. <source> 标记定义媒体资源
q. <embed> 标记定义外部的可交互的内容或插件⽐如 flash
结构区分
HTML5能在完全脱离插件的情况下播放⾳视频,但是不是所有格式都⽀持
Video的常见属性
新增的智能表单
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,也将不进 ⾏验证

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。