制作button和input的tips

button outline 设置为none cursor pointer，鼠标over时显示为手指 input border 设置边框颜色 border-radius 设置圆角 outline-color 设置鼠标点击时的边框颜色

可以用js写简单触发事件

比如切换登录方式 这里是仿写b站登录界面的输入框 实现方法是写两个div且隐藏其中一个，当点击按钮时，把原先隐藏的显示，原先显示的隐藏。同时按钮会变蓝。 用到onclick事件

<button id="mima-button" class="button" onclick="mima()">密码登录</button> <button id="duanxin-button" class="button" onclick="duanxin()">短信登录</button> /*登录方式切换*/ var div1=document.getElementById("mima-box"); var div2=document.getElementById("duanxin-box"); function mima() { document.getElementById("mima-button").style.color="#0098E1"; document.getElementById("duanxin-button").style.color="#666"; div1.style.display="block"; div2.style.display="none"; way=1; } function duanxin() { document.getElementById("mima-button").style.color="#666"; document.getElementById("duanxin-button").style.color="#0098E1"; div2.style.display="block"; div1.style.display="none"; way=0; }

利用onmouseover、onmouseout、onclick可以做出简单的js功能