输入框优化

1.自动选中输入框中的文字

在标签中加入οnfοcus=“this.select()”属性即可。

2.鼠标悬停在输入框时改变边框颜色或背景色

方法一，在css中加入input:hover{border:1px solid #f00}即可；

方法二，在标签中加入οnfοcus=“this.select()” οnmοuseοver=”this.style.bordercolor=’#f00′” οnmοuseοut=”this.style.bordercolor=””即可。

3.点击输入框默认文字消失

方法一，直接在input中定义onfocus和onblur事件，缺点：鼠标一离开就显示提示文字,输入框中用户的输入也会消失。

方法二，鼠标点击输入框,输入框获得焦点时,提示文字自动消失鼠标焦点离开输入框,提示文字根据情况显示输入框html代码；

—————

10.软件序列 式的输入框(完整版)：