【实测】input默认文字两种方法，添加提示文字，填写内容时消失及给input文本框中添加灰色提示字

来自版块: Discuz教程发表于: 2020-3-19 16:55:23

26496

1.placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。

复制代码

2.value属性。在输入框加载的时候输入框中的值。提交时可直接获龋

复制代码

3.onfocus和onblur属性。鼠标点击输入框时输入框的值消失，鼠标离开点击其他任意位置时输入框的值恢复显示。提交时可直接获龋

<input type="text" name="tuyuanma" value="提示语..." onfocus="this.value=''" onblur="this.value='提示语...'"></input>

复制代码

4.placeholder和value属性。在输入框为空的情况下会显示placeholder中的值，提交时可直接获取value中的值，value的值可自定义。

<input type="text" name="tuyuanma" placeholder="请输入内容..." value="$article[juli]"></input>

复制代码

范例：

<dd><input type="text" name="yewu" class="px p_fre" value="$article[yewu]" size="30" /></dd>
<dd><input type="text" name="yewu" class="px p_fre" value="股票配资" size="30" /></dd>

复制代码

全部评论 0

返回版块

		自动登录	找回密码
密码			立即注册