HTML中Input输入框提示/设置禁用/自动获取焦点

设置input输入框的内容的方法很多，以下介绍两个比较简单实用的方法。

方法一：
<input type="text" value="搜索" onfocus="this.value=''" onblur="if(this.value==''){this.value='搜索'}" />
方法二：<input type="text" placeholder="搜索"  />有的浏览器不支持
当然也可以写Js来实现，这里就不一一举例了。因为以上两种方法都能实现基本的提示效果了。

设置input输入框禁用以下也列出三种方法。

方法一：

disable="disable"或者直接添加disable属性来设置。

性别：<input type="text" name="lname" disabled="disabled" placeholder="被设置了禁用"/>

性别：<input type="text" name="lname" disabled placeholder="被设置了禁用"/>效果一样

方法二：

readonly属性也能达到以上效果，为disable不同时是前者为只读状态

方法三：

让鼠标无法获取焦点

<input type="text" value="被设置了禁用" onfocus="this.blur()"> 

设置input输入框自动获取焦点可以采用autofocus属性。

<input type="text" placeholder="自动获取焦点" autofocus>