首页
科技
生活
职业
教育
资讯
关于
PS
WPS
WORD
EXCEL
PPT
CAD
DW
CSS
JS
PHP
数据库
更多
展开

input输入框怎么设置提示文字

发布于 2022-12-16 22:02:53     浏览 499 次

input输入框怎么设置提示文字

适用环境：

型号：台式机
系统：win10

问题解析：

【】

1、 placeholder属性
可以直接在需要提示的input输入框中加上placeholder属性。语法：
placeholder="你想要提示的内容"
案例：
<input type="text" name="name" placeholder="请输入用户！">
 2、 value属性
value是input输入框的值，在提交表单的时候会将值提交给服务，可以通过js来控制提示。语法：
value="你想要提示的内容"
案例：
<input type="text" name="name" value="请输入用户！" onFocus="hintFn()" onBlur="hintFn()">
<script>
    function hintFn()
    {
        var name = document.getElementsByName('name')[0];
        if(name.value=='请输入用户！')
        {
            name.value = '';
        }
        else
        {
            name.value = '请输入用户！';  
        }
    }
</script>
 

相关推荐

猜你可能喜欢

点击加载更多