html4和html5区别之如何在一个input上添加焦点实现代码

  发布时间:2013-02-07 09:12:30   作者:佚名   我要评论
如何在一个input上添加焦点,有很多的实现方法,本文分别用html4和html5做了下演示,感兴趣的朋友可以参考下,或许本文对你有所帮助
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun


html4:

复制代码
代码如下:

<form>
<p><label>Username:<input name=search type="text" id="search"></label></p>
<script type="text/javascript">
document.getElementById ('search').focus()
</script>
</form>

html5:

复制代码
代码如下:

<form>
<p>
<label>Search:<input name=search autofocus></label>
</p>
</form>

相关文章

  • HTML5新增的8类INPUT输入类型介绍

    这篇文章主要介绍了HTML5新增的8类INPUT输入类型介绍,这8个新的输入类型分别是email类型、url类型、number类型、range类型、日期类型、search类型、tel类型,本文分别对它们
    2015-07-06
  • html禁止清除input文本输入缓存的两种方法

    有时候浏览器有很多缓存,我们就执行不了某种操作,必须要清除缓存才可以运行,其实多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不
    2014-11-11
  • html5中的input新属性range使用记录

    前的工作要完成,记录一个html5中的input新属性,range。发现这个属性是在一个网站的调色器中,感觉确实比较形象化,好看,喜欢的朋友可以看看
    2014-09-05
  • HTML5 input placeholder 颜色修改示例

    这篇文章主要介绍了有关HTML5 input placeholder 颜色修改方面的知识,需要的朋友可以参考下
    2014-05-30
  • HTML 5 input placeholder 属性如何完美兼任ie

    这篇文章主要介绍了HTML 5 input placeholder 属性完美兼任ie的方法,需要的朋友可以参考下
    2014-05-12
  • HTML5 input元素类型:email及url介绍

    HTML5改进的地方想必大家有所知晓,下面我要介绍的是两个新的input元素类型email和url。让我们跟着代码来看看他们的好处,感兴趣的朋友可以参考下
    2013-08-13
  • html5 input属性使用示例

    今天我刚接触html+css3感觉还不错,下面为大家介绍下用到的input 属性,感兴趣的朋友可以看下截图哈,希望对大家有所帮助
    2013-06-28
  • HTML5 input新增type属性color颜色拾取器的实例代码

    type 属性规定 input 元素的类型。本文较详细的给大家介绍了HTML5 input新增type属性color颜色拾取器的实例代码,感兴趣的朋友跟随程序员之家小编一起看看吧
    2018-08-27

最新评论

?


http://www.vxiaotou.com