命名緢记与点击填写框后框内内容变空

一.有时候,在一篇文章的后面会跟着很多回复,如果用鼠标往下移动找到位于评论列表最后的评论框是一件比较麻烦的事,

这时候我们就可以用命名緢记来解决这个问题,结果就是点击“评论"超链接后,我们会自动跳转到评论框处

举例:点击”我要评论“后,自动跳转到评论框

命名緢记与点击填写框后框内内容变空_第1张图片

命名緢记与点击填写框后框内内容变空_第2张图片

解决方法如下:

1。首先在

 
    
< p > 验证码: < a name ="com" >   a > 123456
这个HTML代码中加入
 
    
< a name ="com" >   a >
这个緢记,名字为com

2。之后在

 
    
< a href ="#com" > 我要评论 a >
这个HTML代码中添加一个a标签,连接名字就是緢记中的名字com

3。刷新一下,发现成功自动跳转

二 .当我们点击评论框进行输入评论的时候,我们有2种做法,一种是把评论框内的内容清除,一种是把评论框内的内容全选

内容清除的做法:

在评论框控件的代码中增加 onclick事件,使用javascript来进行清除

 
    
< asp:TextBox ID = " txtComment " runat = " server " TextMode = " MultiLine "
Text
= " 请在此输入评论内容 " CssClass = " comment_con " onclick = " this.value='' " > 请在此输入评论内容 asp:TextBox >

这种做法的缺点就是,当我们已经输入了很多评论之后,当再次点击评论框的时候,它会把原有的评论清空

内容全选的做法:

在评论框控件的代码中增加 onclick事件,使用javascript的select函数来进行全选

 
    
< asp:TextBox ID = " txtComment " runat = " server " TextMode = " MultiLine "
Text
= " 请在此输入评论内容 " CssClass = " comment_con " onclick = " this.select() " > 请在此输入评论内容 asp:TextBox >

转载于:https://www.cnblogs.com/cookies9/archive/2011/02/17/1957340.html

你可能感兴趣的:(命名緢记与点击填写框后框内内容变空)