在做Win8官方网站中遇到的问题总结

          这周我们做项目,我们组的做的项目就是win8的官方网站,其实呢,在表面上看起来win8的官方网站很好做,

但是呢,不做不知道,其中遇到了好多问题,下面我把我遇到的问题说一下。

都是一些简单的基础问题,都是基础的知识点。

          问题1.是我用了一个textbox控件,想让鼠标单击文本框时背景颜色改变,同时可以输入文字,当鼠标移开文本

框时背景颜色变回原来的颜色,输入文字时改变文字颜色。

问题1解决方法(1).在ASPX页的<head></head>里加入一段JS脚本
<script> function ChgBgColor(con,color)
{
 con.style.backgroundColor=color;
}
 function ChgTextColor(con,color)

con.style.color=color;
}
</script>
(2).然后在Page_Load()事件中//获得焦点时改变背景
TextBox1.Attributes.Add("onfocus","ChgBgColor(this,'Red')");
//输入文字时改变文字颜色
TextBox1.Attributes.Add("onkeypress","ChgTextColor(this,'Blue')");
       问题2.如何设置当鼠标移动到文本框时显示该文本框的信息内容
问题2解决方法:textbox1.ToolTip=textbox1.text

        问题3.我再web页面中加了一个textbox文本框,用来设置密码,怎样设置为星号不让别人知道我的密码?

问题3解决方法:设置了一下textbox的Textmode属性,把TextMode设置为Password就可以达到想要的效果了。

        问题4.文本框鼠标点击,文字消失,鼠标点外面,文字出现

问题4解决方法:像有些搜索框中会显示“在这里输入要搜索的东西”,鼠标点击那个搜索框后,那些字就没有了, 鼠标点击页面其它地方后,搜索框里的文字又出现。

<input  value="请输入关键字" onfocus="if (value =='请输入关键字'){value =''}" onblur="if (value ==''){value='请输入关键字'}"  />


如果更换为以下的代码,鼠标伸过去时,提示框底色会变色,效果更棒:

<input value="请输入关键字"  onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"
style="border-color:black; border-width:1px; "
onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" 
style="border-width:1px;border-color=black" onfocus="if (value =='请输入关键字'){value =''}" 
onblur="if (value ==''){value='请输入关键字'}" />

      问题5:在web页面加了一个textbox文本框,当鼠标单击时文本消失,鼠标点击外面时文本出现

问题5解决方法:在aspx页面中添加:<asp:TextBox ID="TextBox1" runat="server" >请输入搜索内容</asp:TextBox>

 在相应的cs页面中添加如下代码,当页面加载时调用下面的方法:

protected void Page_Load(object sender, EventArgs e)
        {

            TextBox1.Attributes.Add("onclick", "if (this.value=='请输入搜索内容') this.value='';");
            TextBox1.Attributes.Add("onblur", "if (this.value=='') this.value='请输入搜索内容'");

        }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值