这周我们做项目,我们组的做的项目就是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='请输入搜索内容'");
}