怎样禁止html5的输入框输入表情

怎样禁止html5的输入框输入表情,第1张

H5edu教育HTML5开发解答

var param = ""

var regRule = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g

if(param.match(regRule)) {

param = param.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g, "")

alert("不支持表情")

}

html5输入框左边有一个放大镜图标,右边有按钮点击触发搜索的代码如下:

1.HTML5的特性

语义特性

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

本地存储特性

基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能

设备兼容特性

从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

2.html5的优点:

提高可用性和改进用户的友好体验;

有几个新的标签,这将有助于开发人员定义重要的内容;

可以给站点带来更多的多媒体元素(视频和音频);

可以很好的替代FLASH和Silverlight;

涉及到网站的抓取和索引的时候,对于SEO很友好;

将被大量应用于移动应用程序和游戏。

需要准备的材料分别有:电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器,新建一个html文件,例如:index.html。

2、在index.html中的<body>标签中,输入以下html代码:

<input type="text" placeholder="请输入账号" />

<input type="password" placeholder="请输入密码" />

3、浏览器运行index.html页面,此时的输入框有了提示文字“请输入账号”,密码框有了提示文字“请输入密码”。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7287790.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存