博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML 5--新增的其他属性
阅读量:4576 次
发布时间:2019-06-08

本文共 1385 字,大约阅读时间需要 4 分钟。

 1.高亮显示:

<mark> </mark>

介绍青花瓷

唐代的青花瓷器是处于青花瓷的滥觞期

测试结果:

 

2.<ruby><rt><rt></ruby>

<ruby> 标签定义 ruby 注释(中文注音或字符)。

在东亚使用,显示的是东亚字符的发音。

将 <ruby> 标签与  和  标签一起使用: 

<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选的 <rp> 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。

 代码示例:

1  2  3  4 
5 介绍青花瓷 6 7 8 9 中国zhongguo10 11 12

 测试结果:

例二:

1  2  3  4 
5 介绍青花瓷 6 7 8 9 中国zhongguo10 11

12

13 14 15 字 (zi)16 17 18 19

测试结果:

3.新增全局属性--可编辑属性

1  2  3  4 
5 介绍青花瓷 6 7 8 9

111111111111111111

10

11

222222222222222222

12 13

测试结果:

其中”111111111111111111111111“不可编辑,”222222222222222222222222222“可编辑。但是这样的编辑后的页面不可保存。

 

示例二:

代码如下:

介绍青花瓷

111111111111111111


222222222222222222

  1. 1.标题一
  2. 2.标题二
  3. 3.标题三

测试结果:

 

4.

spellcheck  是否允许进行拼写检查

 代码如下:

1  2  3  4 
5 介绍青花瓷 6 7 8 9

下面是允许检查的input

10 11 12

 

 

测试结果:

 

 

 示例二:

代码如下:

1  2  3  4 
5 介绍青花瓷 6 7 8 9

下面是允许检查的input

10 11

12 13

14

这是一个允许编辑并且允许拼写检查的元素

15 16

 

测试结果:

5.光标焦点的位置:

autofocus

代码如下:

1  2  3  4 
5 介绍青花瓷 6 7 8 9
10 用户名:
11 性别:
12
13 14
15 16

 

测试结果:

 光标焦点在用户名位置。

示例二:

将焦点放在递交按钮上:

1  2  3  4 
5 介绍青花瓷 6 7 8 9
10 用户名:
11 性别:
12
13 14
15 16

测试结果:

 

转载于:https://www.cnblogs.com/Catherinezhilin/p/8823751.html

你可能感兴趣的文章
angular+ionic -- 启动命令
查看>>
Linux安全攻防笔记
查看>>
java高级---->Thread之Exchanger的使用
查看>>
算法入门笔记------------Day4
查看>>
day18-python之迭代器和生成器
查看>>
.net学习笔记之访问数据库
查看>>
[Swift]LeetCode293. 翻转游戏 $ Flip Game
查看>>
[Swift]LeetCode629. K个逆序对数组 | K Inverse Pairs Array
查看>>
JavaScript数组常用的方法
查看>>
js各种宽高的理解
查看>>
ThinkPHP基础-2
查看>>
一步一步学Linq to sql(四):查询句法
查看>>
[USACO10MAR]伟大的奶牛聚集Great Cow Gat…【树形dp】By cellur925
查看>>
一些用Css实现的效果
查看>>
Luogu P3398 仓鼠找sugar
查看>>
洛谷 P1402 酒店之王
查看>>
视图和渲染
查看>>
java面试题大全-基础方面
查看>>
Java多线程面试问题集锦
查看>>
windows phone grid无法响应事件的问题
查看>>