betway必威-betway必威官方网站
做最好的网站

betway必威iOS阶段学习第29天笔记,word文本框使用

本文实例讲述了JavaScript监听文本框回车事件并过滤文本框空格的方法。分享给大家供大家参考。具体如下:

来源:IT部落窝  作者:IT部落窝 

iOS学习(UI)知识点整理

var username = null;var password = null;//获取文本框 onload = function(){ username = document.getElementById; password = document.getElementById; }//清空文本框function clearTxt(){ username.value = ""; password.value = ""; username.focus(); // document.getElementById.value=""; // document.getElementById.value=""; // document.getElementById.focus(); } //确定function chkTxt(){ //删除前后空格 username.value = username.value.replace; password.value = password.value.replace; //判空 if(username.value.length == 0) { alert; username.focus(); } else if(password.value.length == 0) { alert; password.focus(); } else document.getElementById;}//回车监听function onkey(){ if (window.event.keyCode==13) {// document.all["btnLogin"].focus();// if(document.activeElement.id = "aReset")//判断当前焦点所在的控件的id是aReset// {// document.getElementById;// } document.getElementById; return false; }}

 #btnLogin { width: 0px; height: 0px; border-style: none; background-color: White; } 

//把回车监听加入body 

内容提要:本文介绍word文本框的批量插入删除、以及word文本框链接,以及异形word文本框的使用。

一、关于UITextField的介绍 

希望本文所述对大家的javascript程序设计有所帮助。

  word文本框的使用,可以很方便地将文档内容放置到页面的指定位置,不必受到段落格式、页面设置等因素的影响。

1)概念: UITextField 是用于接收用户输入的一个控件 

第一,插入word文本框

2)UITextField  初始化实例代码:

 1 //创建一个UItextField实例
 2 UITextField *textField = [[UITextField alloc] init];
 3 textField.frame = CGRectMake(10, 40, self.view.frame.size.width - 20, 40);
 4 textField.backgroundColor = [UIColor lightGrayColor];
 5 //设置textFiled中的文字
 6 textField.text = @"用户名";
 7 //设置textFiled的字体
 8 textField.font = [UIFont systemFontOfSize:20];
 9 //设置textFiled的文字颜色
10 textField.textColor = [UIColor purpleColor];
11 [self.view addSubview: textField];

Word2010版内置多种样式的文本框供选择,也可以根据需要插入横排、竖排文本框。

3)textAlignment 设置文本的对齐方式 例如: 

1  //设置textFiled的文本左对齐
2 textField.textAlignment = NSTextAlignmentLeft;

 

单击 “插入”功能区——“文本”分组——“文本框”按钮。在打开的内置文本框面板中选择合适的文本框类型,或者是下面的“绘制文本框

4)borderStyle 设置文本框样式  例如: 

1    //设置textFiled样式为无边框样式
2     textField.borderStyle = UITextBorderStyleNone;
3    //borderStyle 有以下几种类型
4    //1、UITextBorderStyleNone,
5    //2、UITextBorderStyleLine,
6    //3、UITextBorderStyleBezel,
7    //4、UITextBorderStyleRoundedRect

”和“绘制竖排文本框”,自己绘制word文本框。点击文本框按钮然后在页面按着鼠标左键拉框即可,文本框里面可以输入文字等内容。

5)layer.cornerRadius 设置文本框圆角 例如: 

1  textField.layer.cornerRadius = 4.0f;

 

第二,word文本框格式设置

6)layer.borderWidth 设置文本框边框宽度  例如: 

1 textField.layer.borderWidth = 1;

  将鼠标指针移至word文本框边框处,形状变为十字形箭头时单击,其周围出现网状边框,这时word文本框为选中状态,可删除文本框,也可进行其设置格式。

 

  右击word文本框边框,选择“设置形状格式”,可以对插入的word文本框进行颜色、线条、大小、版式等等设置。还可以设置文字距离边界的距离。

7)layer.borderColor 设置文本框边框颜色 例如:

1  textField.layer.borderColor = [UIColor darkGrayColor].CGColor;

第三,word异形文本框

  8)background 设置文本框背景图片 例如: 

1 UIImage *image = [UIImage imageNamed:@"btnEmojBtn"];
2  textField.background = image;

 

  Word文本框只有矩形一种,比较单调。我们也可以插入其余的形状,选中,点击右键,在快捷菜单中选择“添加文字”命令。

9)设置文本框默认显示文字(默认灰色字体点击键盘输入时文字消失)例如: 

方法一:placeholder 

1  textField.placeholder = @"用户名";

betway必威,方法二: NSMutableAttributedString 

1  NSMutableAttributedString *muAttStr = [[NSMutableAttributedString alloc] initWithString:@"用户名"];
2 [muAttStr addAttribute:NSForegroundColorAttributeName value:
3 [UIColor blueColor]    range:NSMakeRange(0, muAttStr.length)];
4 textField.attributedPlaceholder = muAttStr;

第四,Word 文本框与文本框之间建立链接

10)clearButtonMode 设置文本框的清除内容按钮显示模式(即文本框右边的小叉) 例如: 

textField.clearButtonMode = UITextFieldViewModeWhileEditing;

typedef enum {
    UITextFieldViewModeNever, //从不出现
    UITextFieldViewModeWhileEditing, //编辑时出现
    UITextFieldViewModeUnlessEditing,  //除了编辑外都出现
    UITextFieldViewModeAlways   //一直出现
} UITextFieldViewMode;

  当需要将一篇文档分解成多个部分,又想让这多个部分保持为一个整体时,即无论在哪一部分添加或删除内容时,其他内容则会自动重排。此时可利用word文本框的链接来解决这类问题,具体操作方法如下。

 11)leftView 设置文本框的左边视图 例如:

1 UIView *leftView = [[UIView alloc] init];
2  leftView.backgroundColor = [UIColor clearColor];
3  leftView.frame = CGRectMake(0, 0, 50, 40);
4  textField.leftView = iconImgView;
5  //设置文本框左边视图的出现方式
6  textField.leftViewMode = UITextFieldViewModeAlways;

 

  第一步,在相应的位置上绘制好word文本框。选中第一个word文本框,word会出现格式选项卡,单击 “创建链接”,鼠标指针变为“水杯形状”。将鼠标指针移至第二个文本框上,鼠标指针变为倾倒的“水杯形状”,单击鼠标左键,就完成了文本框的链接。

12)returnKeyType 设置文本框呼出的键盘右下角按钮类型 例如:

1 textField.returnKeyType = UIReturnKeyDone;

 

如果不需要word文本框之间的链接,选中word文本框,单击“断开链接”。

13)userInteractionEnabled 设置文本框是否可编辑  例如: 

1   //设置文本框不可编辑
2    textField.userInteractionEnabled=NO;

 

  选中第二个文本框,同样的方法,创建word文本框的链接。

14)becomeFirstResponder 设置文本框成为第一响应者即呼出键盘 例如: 

1  [textField becomeFirstResponder];
2   //注意:当设置一个控件为第一响应者之后,再设置其他为第一响应者无效 第一响应者有且只能有一个

 

  提示:①链接好的文本框,如果将其中一个删除,文本会在剩余的文本框中重新填充;②横排文本框只能与横排的文本框链接,竖排与竖排的链接,不能混合链接。如果第一个是横排文本框,第二个竖排文本框,两个word文本框相连接,会出现提示框,提示:此文本框的文字排列方式与前一文本框不同,是否将此文本框的文字排列方式更改为与前一文本框一致?单击确定,都变为横排文本框了。

15)resignFirstResponder 设置文本框放弃第一响应者即隐藏键盘 例如:

1 [textField resignFirstResponder];

 

第五,删除word文本框

16)secureTextEntry 设置文本框密文模式即密码框 例如: 

1  textField .secureTextEntry = YES;

本文由betway必威发布于网络技术,转载请注明出处:betway必威iOS阶段学习第29天笔记,word文本框使用

TAG标签: betway必威
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。