input中placeholder 怎么获取他的值
时间: 2023-09-22 08:10:38 浏览: 266
可以使用JavaScript来获取input中placeholder的值,代码如下:
```javascript
var placeholderValue = document.getElementById("myInput").getAttribute("placeholder");
console.log(placeholderValue);
```
其中,"myInput"为输入框的ID,可以根据实际情况进行修改。使用getAttribute("placeholder")方法可以获取input中的placeholder值,然后将其赋值给变量placeholderValue,最后使用console.log()方法将其打印出来。
相关问题
input-placeholder获取焦点清空
您可以通过以下方式实现获取焦点时清空输入框的placeholder提示文本:
1. 使用JavaScript在输入框获取焦点时将placeholder属性值设为空字符串。
例如:
```
<input type="text" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'">
```
2. 使用CSS设置输入框获取焦点时placeholder文本颜色为透明,失去焦点时恢复原来的颜色。
例如:
```
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
input:focus:-ms-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input::-webkit-input-placeholder {
color: #999;
}
input::-moz-placeholder {
color: #999;
}
input:-ms-input-placeholder {
color: #999;
}
input:-moz-placeholder {
color: #999;
}
```
以上两种方法都可以实现输入框获取焦点时清空placeholder提示文本,您可以根据自己的实际需求选择其中一种方法。
input中placeholder字体颜色
要设置 input 元素中 placeholder 的字体颜色,你可以使用以下 CSS 代码:
```css
input::placeholder {
color: red; /* 这里可以替换为你想要的颜色值 */
}
```
将上述代码添加到你的 CSS 文件中,或者直接在页面的 `<style>` 标签中添加,就可以改变 input 元素中 placeholder 的字体颜色了。记得将 "red" 替换为你希望的颜色值。
阅读全文