html笔记

手机端适配

html:

<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”属性

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

属性 placeholder 代替 lable 功能

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

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

按钮不可用（属性）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">

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