专业网站建设公司总结你所不知道的HTML(二)
2019-05-08 缘style
网页制作
contenteditable属性
contenteditable是HTML5中新增加的属性,,其用途是让用户能够修改页面上的内容。
<body> <!-- contenteditable属性应用 --> <p contenteditable="true">设置为 true 是可编辑的</p> </body>
如上例,p元素的contenteditable属性值设置为true时,用户可以单击文字编辑内容。设置为false时禁止编辑。
dir属性
dir属性用来规定元素中文字的方向。有效值有两个:ltr(从左到右)、rtl(从右到左)
<!-- dir属性应用 --> <p dir="ltr">从左到右</p> <p dir="rtl">从右到左</p>
draggable属性
draggable属性是HTML5支持拖放操作的方式之一,用来表示元素是否可被拖放。
hidden属性
hidden是个布尔属性,表示相关元素当前不需要关注,浏览器对它的处理方式是隐藏相关元素(隐隐想起来控制一个元素的展示隐藏的时候,会自定义一个hidden类,然后在里面写隐藏样式)
<!-- hidden属性应用 --> <div hidden>这个元素将会被隐藏</div>
spellcheck属性
spellcheck属性用来表明浏览器是否应该对元素的内容进行拼写检查,这个属性只有用在用户可以编辑的元素上时才有意义。 spellcheck属性可以接受的值有两个:true和false。至于拼写检查的实现方式则因浏览器而异。
<!-- spellcheck属性应用 --> <textarea name="" id="" cols="30" rows="10" spellcheck="true">This is some lalalala text</textarea>