html里输入框和密码框的提示文字怎么弄

html-css010

html里输入框和密码框的提示文字怎么弄,第1张

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器，新建一个html文件，例如：index.html。

2、在index.html中的<body>标签中，输入以下html代码：

<input type="text" placeholder="请输入账号" />

<input type="password" placeholder="请输入密码" />

3、浏览器运行index.html页面，此时的输入框有了提示文字“请输入账号”，密码框有了提示文字“请输入密码”。

HTML5 新增属性，浏览器版本低于IE8应该不支持

placeholder 属性

placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。

该提示会在用户输入值之前显示在输入字段中。

使用方法：

1

<input type="text" name="name" placeholder="请输入您的姓名">

html5 可以直接用 placeholder="请输入员工号"

js的话 你需要多制作的一个标签，比如span，覆盖在输入框的上方 鼠标进入的时候显示这个span，离开的时候就隐藏，原理就是这样