精华内容
下载资源
问答
  • disabled:默认为false 当为true时该文本框禁用。 readOnly:默认为false 当为true时该文本框不能输入文字只能阅读。 focus();该方法可以设置默认获取焦点。 以下为实验代码: !DOCTYPE html> <...

    文本框里的几个属性:

    value:设置文本框里的初始文字。

    disabled:默认为false 当为true时该文本框禁用。

    readOnly:默认为false 当为true时该文本框不能输入文字只能阅读。

    focus();该方法可以设置默认获取焦点。

    以下为实验代码:

    !DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title></title>
    	</head>
    	<body>
    		<form>
    			<input type="" name="i" id="wd" value="" />
    			<input type="submit" name="" id="" value="实验" onsubmit="return submitf()"/>
    		</form>
    		<script>
    			var text=document.getElementsByName("i")[0];
    				text.value="请输入文字";
    				text.focus();
    			function submitf(){
    				var text=document.getElementsByName("i")[0];
    				text.readOnly=true;//此为只读
    				text.disabled=true;//设置禁用
    				console.log(text.readOnly);
    				return true;
    			}
    			//type =password 或者textarea标签也有value 设置默认值  readonly disabled focus属性'
    		</script>
    	</body>
    </html>
    //当按下按钮时设置禁用和只读 默认获取焦点

    选项里的几个属性(包括checkbox radio选项类型)

    disabled:设置是否禁用这个选项;

    value:获取该标签的value值;

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<span id="tishi" style="color: red;">
    			
    		</span>
    		<form onsubmit="return test()">
    			<input type="submit" value="提交"/>
    			<input type="radio" name="sex" value="0" />男<input type="radio" name="sex" value="1" />女
    			<input type="checkbox" name="hobby" value="0"/>足球
    			<input type="checkbox" name="hobby" value="1"/>篮球
    			<input type="checkbox" name="hobby" value="2"/>羽毛球
    		</form>
    		<script>
    			
    			function test(){
    				var radios=document.getElementsByName("sex");
    
    				/*for (var i=0;i<radios.length;i++) {
    					var radio=radios[i];
    					radio.disabled=true;//禁用
    					console.log(radio.checked+","+radio.value);//checked为显示是否被选中
    				}*/ 
                    //for 循环输出每个选择项的checked 并输出每个选项的value
    
    				var checkboxs=document.getElementsByName("hobby");
    				var hobby=checkboxs[0];
    				hobby.disabled=true;
    				console.log(hobby.value);
    				//禁用一选项并输出该选项的value
    				
    				/*for (var i = 0; i <  checkboxs.length; i++) {
    					var hobby=checkboxs[i];
    					hobby.disabled=true;//disabled属性拥有禁用
    					console.log(hobby.checked+","+hobby.value);
    				}*/ 
                    //for 循环输出每个选择项的checked 并输出每个选项的value
    				
    		</script>
    	</body>
    </html>
    

    下拉列表里的几个属性

    通过给select一个 name 或者class (注意下标的问题因为可能有多个select)(id也行) 来用document.getElementsByName 或者ClassName 来获取下拉列表里的选项

    从而可以用length属性来获取选项的个数

    selectedIndex属性来获取选中选项的位置

    value属性获取相应option标签里包裹的内容(value可以设置,但默认为标签内包裹的内容)

    text属性获取相应option标签里包裹的内容

    下面options是包含下拉列表里所有标签的数组

    !DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<span id="tishi" style="color: red;">
    			
    		</span>
    		<form onsubmit="return test()">
    			<input type="submit" value="提交"/>
    			<select name="g" class="g" id="g">
    					<option >一年级</option>
    					<option >二年级</option>
    					<option >三年级</option>
    					<option >四年级</option>
    			</select>
    		</form>
    		<script>
    			
    			
    			function test(){
    					var selects=document.getElementById("g");
    					console.log(selects.length);
    					console.log(selects.selectedIndex);//里面的东西是选中的位置
    			
    					var options=selects.options;//option保存这个下拉列表里的东西
    					console.log(options[selects.selectedIndex].value);
    					for(var i=0;i<options.length;i++)//默认value是option里的东西
    					{
    						var option=options[i];
    						console.log(option.value);
    					}
    					for(var i=0;i<options.length;i++)//option数组里存着下拉列表里的选项标签
    					{
    						var option=options[i];
    						console.log(option);
    					}
    					options[0].disabled=true;//下拉列表里一样可以设置禁用
    				return false;
    			}
    		</script>
    	</body>
    </html>
    

    select里的几个方法:

    添加选项可以通过new Option()add()方法来实现

    删除选项可以通过remove()方法来实现

    示例代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title></title>
    	</head>
    	<body>
    		<select id="set">
    			<option value="1">一</option>
    			<option value="2">二</option>
    			<option value="3">三</option>
    			<option value="4">四</option>
    		</select>
    		<input type="button" onclick="test()" value="按钮" />
    		<script>
    			function test(){
    				 var select=document.getElementById("set");
    				 var option= new Option("五","5");//前一个值是option里的文本 后一个值是位置
    				 select.add(option);//在相应位置补充选项
    				 select.remove(3);//删除当前3所在位置的选线
    			}
    		</script>
    	</body>
    </html>
    

     

    展开全文
  • 禁止文本框的输入

    2008-04-08 11:29:00
    方法一:设置readonly属性为true。 方法二:设置disabled属性为true。 方法三:在对象focus时立刻让它blur,使它无法获得焦点。 readonly和disabled区别在于后者完全禁止与设置属性的对象交互(表现为不可改写、...

     

    方法一:设置readonly属性为true。
      <input type="text" value="readonly" readonly>

      方法二:设置disabled属性为true。
      <input type="text" value="disabled" disabled>

      方法三:在对象focus时立刻让它blur,使它无法获得焦点。
      <input type="text" value="οnfοcus=this.blur()" οnfοcus="this.blur()">

      readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。
      onfocus当对象获得焦点时触发。
      focus使对象得到焦点。
      onblur在对象失去输入焦点时触发。
      blur模糊对象的内容以便使其看起来失去焦点。
     
    展开全文
  • 今天我在用textbox控件时将readonly属性设置为true向库提交时出错了,无法获得文本框的内容。想了一下原来是textbox控件readonly属性设置为true的原因,上网查了一下,才发现这个现象是微软公司为了网络安全而...
     今天我在用textbox控件时将readonly属性设置为true,当向库提交时出错了,无法获得文本框的内容。想了一下原来是textbox控件readonly属性设置为true的原因,上网查了一下,才发现这个现象是微软公司为了网络安全而设置的。最好的解决办是用input文本控件,或者在代码中添加TextBox.Attributes["readonly"]="true".
    展开全文
  • 有时后在我们写的小程序上,文本框的Visible属性在设置里面并没有设置为False,但是运行的时候就是不可见——不显示!下面是我做的一个加法小程序时所遇到的问题!让我们一起来探讨下吧。 界面1如下: 我选择一位...

    C#获取文本框不可见
    有时后在我们写的小程序上,文本框的Visible属性在设置里面并没有设置为False,但是运行的时候就是不可见——不显示!下面是我做的一个加法小程序时所遇到的问题!让我们一起来探讨下吧。

    界面1如下:

    在这里插入图片描述
    当我选择一位数相加时,只有前面的两个文本框可见性为true,其余的都为False,代码如下:

    void getwenben()
            {
                txt6.Text = suiji1().ToString();
                txt7.Text = suiji2().ToString();
                lb8.Text = "+";
                lb9.Text = "=";
                txt8.Focus();
                lb10.Visible = false;
                txt9.Visible = false;
                lb11.Visible = false;
                txt2.Visible = false;
               
            }
    

    此时后面的几个文本框以及lable的可见性都设置为false,然而当我选择另外一个运算规则的时候后面的文本框确仍然不可见!

    界面2如下:

    在这里插入图片描述
    界面2的代码如下:

     void getweben3()
            {
                txt6.Text = suiji().ToString();
                txt7.Text = suiji3().ToString();
                txt8.Text = suiji1().ToString();
                txt9.Text = suiji2().ToString();
                lb8.Text = "+";
                lb9.Text = "*";
                lb10.Text = "÷";
                lb11.Text = "=";
                txt2.Focus();
               
            }
    

    本应该实现的界面如下

    在这里插入图片描述

    本来要实现的是点击下拉列表中的加减乘除混合的时候后面的文本框以及lable都可见的,但是现在只有三个文本框可见,为什么后会这样呢?原来是这样的,前面我们的一段代码

                    txt6.Text = suiji1().ToString();
                    txt7.Text = suiji2().ToString();
                    lb8.Text = "+";
                    lb9.Text = "=";
                    txt8.Focus();
                    lb10.Visible = false;
                    txt9.Visible = false;
                    lb11.Visible = false;
                    txt2.Visible = false;
    

    把后面的几个文本框和label的可见属性已经设置为false了,所以导致我们选加减乘除时,只显示前面的几个文本框和lable 对此我们只需要重新把后面的几个文本框属性设置为可见就行了。

    所以本应该实现的界面代码如下:

     void getweben3()
            {
                txt6.Text = suiji().ToString();
                txt7.Text = suiji3().ToString();
                txt8.Text = suiji1().ToString();
                txt9.Text = suiji2().ToString();
                lb10.Visible = true;
                lb11.Visible = true;
                txt9.Visible = true;
                txt2.Visible = true;
                lb8.Text = "+";
                lb9.Text = "*";
                lb10.Text = "÷";
                lb11.Text = "=";
                txt2.Focus();
               
            }
    

    总而言之,当我们在写代码时把文本框的可见性设置为false时,后面需要用到的话,我们就要重新把它们设置为true
    举一反三。我想其他控件也应该是这样的!
    希望对您有帮助。

    展开全文
  • .NET页面显示只读数据时最容易想到两种方式:设置ReadOnly属性为true;Enabled属性为false。显示内容较多,高度大于控件高度时,如果修改文本框Enabled属性得到效果就不太理想 解决方案 A、增加以下样式: ...
  • 最近为了设置文本框显示为一显示时间模块,使它不可被编辑,又进行了一些学习研究。下面是我学习成果,和大家分享: ...设置disabled属性为true。 例:   3) 设置readonly属性为true。 例:
  • c# 如何取消多行文本框自动换行

    千次阅读 2009-03-10 21:50:00
    c#中,将 TextBox 控件的 Multiline 属性设置为 true 后,文本框可以显示多行文本。但是文本框会自动换行。控制多行文本框的自动换行的是 TextBox 控件的 WordWrap 属性。 WordWrap = true 时,文本框可以自动换...
  • TextBox设置了ReadOnly=true后要是在前台控件添加了值,后台是取不到,值空,多么郁闷一个问题经过尝试,发现可以通过如下方式解决这个问题.感兴趣朋友可以了解下 换成就可以了 方法一:不设置...
  • vb如何实现换行换行符怎么...编辑label的属性,实现自动换行设置为false,将WordWrap设置为true,然后在标题中输入任意文本,实现自动换行。vb代码里如何换行啊?在VB中,代码行太长时,语句可能会中断。规则是...
  • 在.NET2.0下,页面上某个TextBox设置属性ReadOnly="True"时,通过客户端脚本给其赋值后,在后台代码中访问其Text属性却无法获得该值。经过尝试,发现可以通过如下方式解决这个问题:     1 不设置...
  • android:singleLine="true"//设置单行输入,一旦设置为true,则文字不会自动换行。 android:password="true"//设置只能输入密码 android:textColor = "#ff8c00"//字体颜色 android:textStyle="bold"//字体,bold, ...
  • 在 VS 2005 下的静态有文本框 Edit Control,你希望... 1)在文本框的属性选项中,Multiline 选 TRUE; 2)然后 Horizontal Scroll 和 Vertical Scroll 设置TRUE; 至此,Edit Control 就带有滚动条。 ...
  • 本节课程,我们一起来学习VB中被使用次数最多三个控件。分别是标签Label控件、文本框TextBox控件以及命令按钮CommandButton控件。...AutoSize属性是boolean类型,属性设置为True时,Label标签大小将
  • 当TextBox设置了ReadOnly="true" 后,要是在前台控件添加了值,后台是取不到,值“空”。...在此情况下,当文本框获得焦点时便立刻失去,所以也无法手动修改其内容,能够模拟ReadOnly,在后台代码中也能通过Text
  • WinForm小练习

    2019-07-11 20:59:59
    设计Window应用程序,要求将一个人姓名、电话...首先,需要将某一个TextBoxMultiline属性设置为True; 然后,点击提交按钮时,将左边信息录入到右边多行文本框中。(关键词:点击按钮),因此需要触发Click...
  • 3、TextBox 控件

    2017-04-04 19:59:40
    ( 2)MaxLength 属性: 用来设置文本框允许输入字符最大长度,该属性 0 时,不限制输入字符数。 (3)MultiLine 属性: 用来设置文本框文本是否可以输入多行并以多行显示。值 true 时,允许多行显示...
  •  开始使用各种方法,在网上各种查,但是没有什么效果,最后在属性列表中找到一个:Keypreview,说明上表示是 窗体上控件是否向主窗体注册键盘事件,默认是false,这时设置为true。这样还不行,还要在窗体...
  • 去除TextView后面省略号

    千次阅读 2016-08-31 23:20:10
    我们知道我们把TextView行数设置为1行时,如果文字内容超过了行宽那么文字最后会已…来表示。近期产品有个变态需求:文本框单行显示,超出文字直接截取,末尾不显示…。 接到需求时,我本以为设置下面属性...
  •  开始使用各种方法,在网上各种查,但是没有什么效果,最后在属性列表中找到一个:Keypreview,说明上表示是 窗体上控件是否向主窗体注册键盘事件,默认是false,这时设置为true。这样还不行,还要...
  • 学习过程

    2018-09-17 15:25:57
    输入框组件TextInput TextInput是一个允许用户输入文本的基础组件。...multiline设置为true时使用它,可以占据对应的行数。 underlineColorAndroid 文本框的下划线颜色(译注:如果要去掉...
  • 关于自动换行问题

    2008-12-12 20:49:00
    在asp.net用TextBoxMultiline方式,设置了Wordwrap属性为true后,文本框内容可以自动换行,这是对于汉字和英语单词来说了,当然,对于只有一个很长单词这种极限情况还不适用.把这种被自动换行内容存进数据库...
  • Android 登陆界面Edittext

    2019-05-12 18:57:24
    TextView(文本框) EditText(输入框); 和TextView非常类似,最大区别是:EditText可以接受用户输入! 我们想在点击输入框获得焦点后,不是将光标移动到...android:selectAllOnFocus="true" 设置为true的Edit...
  • 如果没有定义onpicked事件,自动触发文本框的onchange事件 如果没有定义oncleared事件,清空时,自动触发onchange事件 其他属性设置 readOnly属性,可指定日期框是否只读 设置highLineWeekDay属性,可指定是否高亮周末...
  • 在设计视图中添加一个... 要实现这样功能得先设置服务器回发为真(即autopostback为true),可以在属性中找到该属性设置然后双击下拉列表控件,在其中输入代码: protected void DropDownList1_SelectedIndexChan
  • 12、如果要时钟控件每半分钟发生一个Timer事件,则Interval属性设置为多少? 13、如果在KeyDown事件过程中将KeyCode设置为0,KeyPress的KeyAscii参数会不会受影响?如果输入的对象是文本框,那文本框的内容是否有...
  • VBSCRIPT中文手册

    热门讨论 2010-11-12 10:13:06
    Clear 方法 清除 Err 对象所有属性设置。 CLng 函数 返回已被转换 Long 子类型变体表达式。 颜色常数 颜色常数列表。 比较常数 用于比较运算常数列表。 连接运算符 (&) 强制两个表达式字符串连接。 ...
  • VBSCRIP5 -ASP用法详解

    2010-09-23 17:15:46
    Clear 方法 清除 Err 对象所有属性设置。 CLng 函数 返回已被转换 Long 子类型变体表达式。 颜色常数 颜色常数列表。 比较常数 用于比较运算常数列表。 连接运算符 (&) 强制两个表达式字符串连接。 ...
  • vb Script参考文档

    2009-07-28 22:13:02
    Clear 方法 清除 Err 对象所有属性设置。 CLng 函数 返回已被转换 Long 子类型变体表达式。 颜色常数 颜色常数列表。 比较常数 用于比较运算常数列表。 连接运算符 (&) 强制两个表达式字符串连接。 ...

空空如也

空空如也

1 2 3
收藏数 52
精华内容 20
关键字:

当文本框的属性设置为true