0%

html 笔记

手机端适配

html:

1
<meta name="viewport" content="width=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

javascript:

1
document.docuementElement.style.fontSize = window.innerWidth / 10 + 'px';

表单

关闭浏览器表单自动校验

向form元素添加novalidate属性

关闭浏览器表单自动提示、自动补齐

向form元素添加autocomplete=”off”属性

lable

配合Input使用,属性for值如果为input的ID,那么鼠标点击lable标签区域时指定input会获得焦点

文本框(input)

属性placeholder 代替lable功能

1
<text placeholder="我是文本框提示"></text>

下拉菜单(select)

1
2
3
4
5
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

按钮(Button)

按钮不可用(属性)disabled

禁止浏览器事件 (图片拖动)

禁止右键

1
oncontextmenu="return false"

禁止复制和剪切

1
2
oncopy="return false;"
oncut="return false;"

禁止复制

1
onselectstart="return false"

禁止图片拖动

1
ondragstart="return false"

实例

1
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">   

通过这种方法可以同时禁止右键点击,鼠标复制,以及图片的拖动

-------------本文结束,感谢您的阅读-------------
最近打算存点钱,吃点高端的像沙县小吃这样的餐厅
  • 本文作者: Quokka
  • 本文链接: https://blog.yunjv.net/Html/html.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!