表单(二)文本框

本文介绍了HTML中的文本框,包括单行和多行文本框的使用,讲解了如何选择和过滤用户输入,实现自动切换焦点的功能,并探讨了HTML5的约束验证API在表单验证中的应用。
摘要由CSDN通过智能技术生成

表现文本框的两种方式:单行文本框<input>、多行文本框<textarea>

<input type="text" size="显示的字符数" value="文本框的初始值" maxlength="可以接收的最大字符数">
<textarea rows="文本框的字符行数" cols="文本框的字符列数">文本框的初始值</textarea>

两者都是把用户输入的内容保存在value属性中。可以通过 “文本框.value ” 来读取或设置文本框的值


【选择文本】

1.获取文本框中的所有文本: 文本框.select()

使用select方法时,大多数浏览器(opera除外)会将焦点设置到文本框中。同时使用该方法会触发select事件。

//在文本框获得焦点时,选择文本框中的所有文本
EventUnit.addHandler(文本框,"focus",function(event){
    event = EventUnit.getEvent(event);
    var target = EventUnit.getTarget(event);
    target.select();
});

2.获取用户选择的那一部分文本:

1. 使用selectionStart和selectionEnd属性

2. IE8及之前版本:使用document.selection对象(selection对象保存着用户在整个文档范围内选择的文本信息)
function getSelectedText(textbox){
   
    if(typeof textbox.selectionStart == "number"){
       
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值