【实测】input默认文字两种方法,添加提示文字,填写内容时消失及给input文本框中添加灰色提示字-Discuz教程下载

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

开通本站Svip会员,全站资源免费下
1.placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。
  1. <input type="text" name="tuyuanma"  placeholder="提示语..."></input>  
复制代码

2.value属性。在输入框加载的时候输入框中的值。提交时可直接获龋
  1. <input type="text" name="tuyuanma"  value="提示语..."></input>  
复制代码

3.onfocus和onblur属性。鼠标点击输入框时输入框的值消失,鼠标离开点击其他任意位置时输入框的值恢复显示。提交时可直接获龋
  1. <input type="text" name="tuyuanma"  value="提示语..." onfocus="this.value=''" onblur="this.value='提示语...'"></input>  
复制代码
4.placeholder和value属性。在输入框为空的情况下会显示placeholder中的值,提交时可直接获取value中的值,value的值可自定义。
  1. <input type="text" name="tuyuanma"  placeholder="请输入内容..." value="$article[juli]"></input>
复制代码
范例:
  1. <!--{if $_G[zhuangtai]}-->
  2. <dd><input type="text" name="yewu" class="px p_fre" value="$article[yewu]" size="30" /></dd>
  3. <!--{else}-->
  4. <dd><input type="text" name="yewu" class="px p_fre" value="股票配资" size="30" /></dd>
  5. <!--{/if}-->
复制代码

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部