HTML里input标签里的placeholder、for属性的作用是什么?

HTML里input标签里的placeholder、for属性的作用是什么?,第1张

placeholder是html5新增的input的一个熟悉,主要是让表单体验更加智能,相当于value属性,但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空,,

不过兼容性还不太好,至少ie好像要9以上才能支持,,所以很多pc端的聚焦处理还是用js来的

for属性应该是label的属性吧??这个是和input的id绑定,当我们点击input前面的文本标识会自动聚焦到文本框,例如:

<form>

<label for="name">用户名</label>

<input type="text" name="name" accesskey="c" id="name" />

</form>

这个例子,当我点击用户名的时候,会自动聚焦到文本框里头,也就是光标会自动定位到文本框里

文本框得到焦点去边框.html    文件代码清单如下:

<!doctype html>

<html lang="zh">

    <head>

     <meta charset="utf-8">

     <title>文本框得到焦点去边框</title>

     <link rel="stylesheet" href="inputOnblur.css">

    </head>

    <body>

     <input type="text" id="input1">

    <script src="inputOnblur.js"></script>

    </body>

</html>

inputOnblur.js   文件代码清单如下:

var inputO = document.getElementById("input1")

inputO.onblur = function()

  {

    inputO.style.border = 0

  }


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6192493.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存