如何为文本框中提示文字效果?

发布时间:2020-04-07编辑:脚本学堂
本文介绍了文本框中添加灰色提示文字的方法,并提供了一个input文本框内容自动垂直居中,默认提示文字单击为空的例子,供大家学习参考。

一、文本框添加灰色提示文字
 

复制代码 代码示例:
<html>
<head>
<title>给文本框添加灰色提示文字</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<input type="text" id="key" name="key" value=" 请输入关键词" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999">
</body>
</html>

在cs后台页面获取input的值方法

概述:
想在后台cs页面得到前台页面aspx中html控件input输入的值.

解决方法:
1.用Request["name"].toString();.

前台代码:
用户名:<input name="username" type="text">

后台获取代码(记住:一定要是name的值,不是id的值):
string username = Request["username"].ToString();

2.用Request.Form.Get("name").ToString();
前台代码如上一样.

后台获取代码:
string username = Request.Form.Get("username").ToString();

3.用Request["name"];

前台代码如上一样。

后台获取代码:
string usrname=Request["name"];

注:在前台获取html的值:
方法:document.all.("你的控件的id").value;

例如:在页面中搜索
 

复制代码 代码示例:
<input id="t1" type="text" />
<input id="Button1" onclick="findInPage(document.all.t1.value)"
type="button" value="button" />
<script language="javascript">
var NS4 = (document.layers);var IE4 = (document.all);var win = window;var n = 0;
function findInPage(str){
 var txt, i, found;
 if (str == '') return false;
 if (NS4){
  if (!win.find(str))
   while(win.find(str, false, true))
   n++;
  else
   n++;
  if (n == 0)
  alert('Not found.');}
 if (IE4){
  txt = win.document.body.createTextRange();
  for (i = 0; i <= n && (found = txt.findText(str)) != false; i++){
   txt.moveStart('character', 1);
   txt.moveEnd('textedit');}
  if (found){
   txt.moveStart('character', -1);
   txt.findText(str);
   txt.select();
   txt.scrollIntoView();
   n++;}else{if (n > 0){
    n = 0;
    findInPage(str);}else alert('没有符合查询条件的数据!');}}return false;}
</script>
 

如此即可实现在页面中来搜索内容了。

二、input文本框内容自动垂直居中,默认提示文字单击为空
 
三个功能:
1、内容自动垂直居中
2、默认提示文字显示灰色
3、单击后变为空

例子:
 

复制代码 代码示例:
<input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off" value="请输入企业名称" style="color:gray;" onfocus="javascript:if(this.value == '请输入企业名称') this.value = ''; this.style.color='gray';" onblur="if(this.value == '') {this.value = '请输入企业名称'; this.style.color = 'gray';}">