html
web_blog
IT程序员一名
展开
-
input框在ios中的阴影问题
在IOS下,input 和textarea表单默认会有个内阴影,一定程度上影响视觉一致,可通过设置下面代码去掉:input{-webkit-appearance: none;}原创 2020-07-28 15:03:02 · 199 阅读 · 0 评论 -
input禁止输入的方法
1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。<input type="text" value="哈哈哈" readonly="readonly">2:disabled 被禁用的 input 元素可复制,不能接收焦点,设置后文字的颜色会变成灰色。无法与 一起使用。<input type="text" value="哈哈哈" disabled="disabled">3:通过控制inpu原创 2020-07-23 00:35:03 · 2267 阅读 · 0 评论 -
如何阻止表单的默认提交事件
表单一点击提交按钮(submit)必然跳转页面,如果表单的action为空也会跳转到自己的页面,即效果为刷新当前页。如下,可以看到一点击提交按钮,浏览器的刷新按钮闪了一下:如果想要阻止表单的默认提交事件,有以下几种方法:1.将<input>标签内按钮类型从type="submit"修改为type="button"2.表单内的<button>未指定类型时,默认的类型为submit,可以显式的修改为<button type="button">来阻止表单提交3.利用原创 2020-07-08 15:46:33 · 525 阅读 · 0 评论 -
HTML5中的audio在手机端和微信端的不能自动播放
再做H5页面的时候,发现audio在手机端和微信端添加了autoplay以后还是不可以自动播放,这是因为手机端为了节约流量所设置的通常解决方法是给一个交互事件:标签:<audio loop src="/photo/aa.mp3" id="audio" autoplay preload="auto">该浏览器不支持audio属性</audio>解决方法://--创建页面监听,等待微信端页面加载完毕 触发音频播放 document.addEventListener原创 2020-07-04 11:11:25 · 1742 阅读 · 1 评论