精华内容
下载资源
问答
  • 如果表单中含有一个单行文本输入域,那么无论含有多少其他类型的表单组件,那么该输入域中点击Enter时,表单会自动提交。 并且在文本框中添加的keyup事件回车事件发生时并不会被触发。 下面让事件触发的两种...

    如果表单中含有一个单行文本输入域,那么无论含有多少其他类型的表单组件,那么在该输入域中点击Enter时,表单会自动提交。

    并且在文本框中添加的keyup事件在回车事件发生时并不会被触发。

    下面有让事件触发的两种解决方法,

    1、在文中加入style="display:none"的type 为 text 的 input

    2、如果不想添加元素,则把keyup事件改为keypress事件。并在里面阻止默认行为,比如e.preventDefault.

    展开全文
  • $("form :input.required"... //创建元素 $(this).parent().append($required); //追加到文档,注意parent()方法的使用 }) 来源http://www.cnblogs.com/youcai/archive/2011/08/1...
    $("form :input.required").each(function(){
    var $required = $("<strong class='high'> *</strong>"); //创建元素
    $(this).parent().append($required); //追加到文档中,注意parent()方法的使用
    })

    来源http://www.cnblogs.com/youcai/archive/2011/08/10/2133585.html
    展开全文
  • HTML 两种方式来表现文本框种是使用<input>元素的单行文本框,另种是使用 <textarea>的多行文本框。这两控件非常相似,而且多数时候的行为也差不多。不过,它们之间仍然存在一些重要的...

    一、文本框种类

    1. 在 HTML 中,有两种方式来表现文本框:一种是使用<input>元素的单行文本框,另一种是使用 <textarea>的多行文本框。这两个控件非常相似,而且多数时候的行为也差不多。不过,它们之间仍然存在一些重要的区别。
    2. 要表现文本框,必须将<input>元素的 type 特性设置为"text"
    • 而通过设置 size 特性,可以指定文本框中能够显示的字符数
    • 通过 value 特性,可以设置文本框的初始值
    • maxlength 特性则用于指定文本框可以接受的最大字符数
    • 如果要创建一个文本框,让它能够显示 25 个字符,但输入不能 超过 50 个字符,可以使用以下代码:
      <input type="text" size="25" maxlength="50" value="initial value">
      
    1. 相对而言,<textarea>元素则始终会呈现为一个多行文本框。要指定文本框的大小,可以使用 rows 和 cols 特性。其中,rows 特性指定的是文本框的字符行数,而 cols 特性指定的是文本框的字符列数 (类似于<inpu>元素的 size 特性)。与<input>元素不同,<textarea>初始值必须要放在
      <textarea>和</textarea>之间,如下面的例子所示。
    <textarea rows="25" cols="5">initial value</textarea>
    
    • 另一个与<input>区别在于,不能在 HTML 中给<textarea>指定最大字符数
    1. 无论这两种文本框在标记中有什么区别,但它们都会将用户输入的内容保存在 value 属性中。可 以通过这个属性读取和设置文本框的值,如下面的例子所示:
      在这里插入图片描述
      我们建议读者像上面这样使用 value 属性读取或设置文本框的值,不建议使用标准的 DOM 方法。 换句话说,不要使用 setAttribute()设置<input>元素的 value 特性,也不要去修改<textarea> 元素的第一个子节点。原因很简单:对 value 属性所作的修改,不一定会反映在 DOM 中。因此,在处理文本框的值时,最好不要使用 DOM 方法。

    二、选择文本

    1、 select() 方法

    1. 上述两种文本框都支持 select()方法,这个方法用于选择文本框中的所有文本。在调用 select() 方法时,大多数浏览器(Opera 除外)都会将焦点设置到文本框中。这个方法不接受参数,可以在任何时候被调用。下面来看一个例子。
      在这里插入图片描述

    2. 在文本框获得焦点时选择其所有文本,这是一种非常常见的做法,特别是在文本框包含默认值的时候。因为这样做可以让用户不必一个一个地删除文本。下面展示了实现这一操作的代码。
      在这里插入图片描述
      将上面的代码应用到文本框之后,只要文本框获得焦点,就会选择其中所有的文本。这种技术能够 较大幅度地提升表单的易用性。

    2、选择(select)事件

    1. 与 select()方法对应的,是一个 select 事件在选择了文本框中的文本时,就会触发 select 事件
    2. 不过,到底什么时候触发 select 事件,还会因浏览器而异
    • 在 IE9+、Opera、Firefox、Chrome 和 Safari 中,只有用户选择了文本(而且要释放鼠标),才会触发 select 事件

    • 而在 IE8 及更早版本中,只要用户选择了一个字母(不必释放鼠标),就会触发 select 事件。

    • 另外,在调用 select()方法时也会触发 select 事件。下面是一个简单的例子。
      在这里插入图片描述
      自测:

      <textarea id="text">sss</textarea>
      <button id="button">按钮</button>
      <script>
      var textbox = document.getElementById('text');
      var button = document.getElementById('button');
      textbox.onselect = function(){
         alert(textbox.value);
      }
      </script>
      

    3、取得选择的文本

    1. 虽然通过 select 事件我们可以知道用户什么时候选择了文本,但仍然不知道用户选择了什么文本HTML5 通过一些扩展方案解决了这个问题,以便更顺利地取得选择的文本。
    2. 该规范采取的办法是添加两个属性selectionStart 和 selectionEnd。这两个属性中保存的是基于 0 的数值,表示所选择文本的范围(即文本选区开头和结尾的偏移量)。因此,要取得用户在文本框中选择的文本,可以使用如下代码。
      在这里插入图片描述
      因为 substring()方法基于字符串的偏移量执行操作,所以将 selectionStart 和 selectionEnd 直接传给它就可以取得选中的文本。
    • IE9+、Firefox、Safari、Chrome 和 Opera 都支持这两个属性IE8 及之前版本不支持这两个属性, 而是提供了另一种方案。
      在这里插入图片描述

    4、选择部分文本

    1. setSelectionRange()方法:HTML5 也为选择文本框中的部分文本提供了解决方案,即最早由 Firefox 引入的 setSelectionRange()方法。现在除 select()方法之外,所有文本框都有一个 setSelectionRange() 方法。

    2. 这个方法接收两个参数:要选择的第一个字符的索引和要选择的最后一个字符之后的字符的索引(类似于 substring()方法的两个参数,不包括第二个参数位的值)。来看一个例子。
      在这里插入图片描述
      要看到选择的文本,必须在调用 setSelectionRange()之前或之后立即将焦点设置到文本框。 IE9、Firefox、Safari、Chrome 和 Opera 支持这种方案。

    3. IE8 及更早版本支持使用范围(第 12 章讨论过)选择部分文本。

    • 要选择文本框中的部分文本,必须首先使用 IE 在所有文本框上提供的 createTextRange()方法创建一个范围,并将其放在恰当的位置上。
    • 然后,再使用 moveStart()和 moveEnd()这两个范围方法将范围移动到位
    • 不过,在调用这两个方法以前,还必须使用 collapse()将范围折叠到文本框的开始位置。此时,moveStart()将范围的起点和终点移动到了相同的位置,只要再给 moveEnd()传入要选择的字符总数即可。
    • 最后一步,就是使用范围的 select()方法选择文本,如下面的例子所示。
      在这里插入图片描述
      与在其他浏览器中一样,要想在文本框中看到文本被选择的效果必须让文本框获得焦点
    1. 为了实现跨浏览器编程,可以将上述两种方案组合起来,如下面的例子所示。
    function selectText(textbox, startIndex, stopIndex){
        if (textbox.setSelectionRange){
            textbox.setSelectionRange(startIndex, stopIndex);
        } else if (textbox.createTextRange){
            var range = textbox.createTextRange();
            range.collapse(true);
            range.moveStart("character", startIndex);
            range.moveEnd("character", stopIndex - startIndex);
            range.select();
        }
        textbox.focus();
    }
    
    • 可以像下面这样使用 selectText()方法
      在这里插入图片描述
      选择部分文本的技术在实现高级文本输入框时很有用,例如提供自动完成建议的文本框就可以使用这种技术。

    三、过滤输入

    我们经常会要求用户在文本框中输入特定的数据,或者输入特定格式的数据。例如,必须包含某些字符,或者必须匹配某种模式。由于文本框在默认情况下没有提供多少验证数据的手段,因此必须使用 JavaScript 来完成此类过滤输入的操作。而综合运用事件和 DOM 手段,就可以将普通的文本框转换成能够理解用户输入数据的功能型控件

    1、屏蔽字符(不就是加上正则表达式判断嘛)

    1. 有时候,我们需要用户输入的文本中包含或不包含某些字符。例如,电话号码中不能包含非数值字符。如前所述,响应向文本框中插入字符操作的是 keypress 事件。因此,可以通过阻止这个事件的默认行为来屏蔽此类字符。在极端的情况下,可以通过下列代码屏蔽所有按键操作。
      在这里插入图片描述
      运行以上代码后,由于所有按键操作都将被屏蔽,结果会导致文本框变成只读的

    2. 如果只想屏蔽特定的字符,则需要检测 keypress 事件对应的字符编码,然后再决定如何响应【就是用正则判断一下再决定是否输出】。例如,下列代码只允许用户输入数值。

      EventUtil.addHandler(textbox, "keypress", function(event){ 
      	event = EventUtil.getEvent(event);
      	var target = EventUtil.getTarget(event);
      	var charCode = EventUtil.getCharCode(event);
          if (!/\d/.test(String.fromCharCode(charCode))){
      	    EventUtil.preventDefault(event);
      	}
      });
      

      在这个例子中:
      (1)我们使用 EventUtil.getCharCode()实现了跨浏览器取得字符编码
      (2)然后,使用 String.fromCharCode()将字符编码转换成字符串
      (3)再使用正则表达式 /\d/ 来测试该字符串,从而确定用户输入的是不是数值。如果测试失败,那么就使用 EventUtil.preventDefault()屏蔽按键事件。结果,文本框就会忽略所有输入的非数值。

    3. 虽然理论上只应该在用户按下字符键时才触发 keypress 事件,但有些浏览器也会对其他键触发此事件

    • Firefox 和 Safari(3.1 版本以前)会对向上键、向下键、退格键和删除键触发 keypress 事件; Safari 3.1 及更新版本则不会对这些键触发 keypress 事件。这意味着,仅考虑到屏蔽不是数值的字符还不够,还要避免屏蔽这些极为常用和必要的键
    • 所幸的是,要检测这些键并不困难。在 Firefox 中, 有由非字符键触发的 keypress 事件对应的字符编码为 0,而在 Safari 3 以前的版本中,对应的字符编 码全部为 8。为了让代码更通用,只要不屏蔽那些字符编码小于 10 的键即可。故而,可以将上面的函数重写成如下所示。
      在这里插入图片描述
      这样,我们的事件处理程序就可以适用所有浏览器了,即可以屏蔽非数值字符但不屏蔽那些也会触发 keypress 事件的基本按键
    1. 除此之外,还有一个问题需要处理:复制、粘贴及其他操作还要用到 Ctrl 键。在除 IE 之外的所有 浏览器中,前面的代码也会屏蔽 Ctrl+C、Ctrl+V,以及其他使用 Ctrl 的组合键。因此,最后还要添加一个检测条件,以确保用户没有按下 Ctrl 键,如下面的例子所示。
      在这里插入图片描述
      经过最后一点修改,就可以确保文本框的行为完全正常了。在这个例子的基础上加以修改和调整,就可以将同样的技术运用于放过和屏蔽任何输入文本框的字符。

    2、操作剪贴板

    IE 是第一个支持与剪贴板相关事件,以及通过 JavaScript 访问剪贴板数据的浏览器。IE 的实现成为了事实上的标准,不仅 Safari 2、Chrome 和 Firefox 3 也都支持类似的事件和剪贴板访问(Opera 不支持通过 JavaScript 访问剪贴板),HTML 5 后来也把剪贴板事件纳入了规范。

    1. 下列就是 6 个剪贴板事件。
      在这里插入图片描述
    2. 由于没有针对剪贴板操作的标准,这些事件及相关对象会因浏览器而异
    • 在 Safari、Chrome 和 Firefox 中,beforecopy、beforecut 和 beforepaste 事件只会在显示针对文本框的上下文菜单(预期将发 生剪贴板事件)的情况下触发。
    • 但是,IE 则会在触发 copy、cut 和 paste 事件之前先行触发这些事件至于 copy、cut 和 paste 事件,只要是在上下文菜单中选择了相应选项,或者使用了相应的键盘组合键,所有浏览器都会触发它们。
    1. 实际的事件发生之前,通过 beforecopy、beforecut 和 beforepaste 事件可以在向剪贴板发送数据,或者从剪贴板取得数据之前修改数据。不过,取消这些事件并不会取消对剪贴板的操作——只有取消 copy、cut 和 paste 事件,才能阻止相应操作发生
    2. 访问剪贴板中的数据,可以使用 clipboardData 对象
    • 在 IE 中,这个对象是 window 对象的属性。在 IE 中,可以随时访问 clipboardData 对象;

    • 而在 Firefox 4+、Safari 和 Chrome 中,这个对象是相应 event 对象的属性。但是,在 Firefox、Safari 和 Chorme 中,只有在处理剪贴板事件期间 clipboardData 对象才有效,这是为了防止对剪贴板的未授权访问;

    • 为了确保跨浏览器兼容性,最好只在发生剪贴板事件期间使用这个对象

    • 这个 clipboardData 对象有三个方法getData()、setData()和 clearData()

    • 其中,getData() 用于从剪贴板中取得数据,它接受一个参数,即要取得的数据的格式
      在 IE 中,有两种数据格式:“text” 和"URL"。在 Firefox、Safari 和 Chrome 中,这个参数是一种 MIME 类型;不过,可以用"text"代表 “text/plain”

    • 类似地,setData()方法第一个参数也是数据类型,第二个参数是要放在剪贴板中的文本

      对于第一个参数,IE 照样支持"text"和"URL",而 Safari 和 Chrome 仍然只支持 MIME 类型。但是,与 getData()方法不同的是,Safari 和 Chrome 的 setData()方法不能识别"text"类型。这两个浏览器在成功将文本放到剪贴板中后,都会返回 true;否则,返回 false。

      为了弥合这些差异,我们可以向 EventUtil 中再添加下列方法。

      var EventUtil = { //省略的代码
      getClipboardText: function(event){
      	var clipboardData = (event.clipboardData || window.clipboardData); 
      	return clipboardData.getData("text");
      },
      //省略的代码
       setClipboardText: function(event, value){
           if (event.clipboardData){
               return event.clipboardData.setData("text/plain", value);
           }else if(window.clipboardData){
           	 return window.clipboardData.setData("text", value);
           }
       },
       //省略的代码
      };
      
    • 使用情景:
      在需要确保粘贴到文本框中的文本中包含某些字符,或者符合某种格式要求时,能够访问剪贴板是非常有用的。例如,如果一个文本框只接受数值,那么就必须检测粘贴过来的值,以确保有效。在 paste 事件中,可以确定剪贴板中的值是否有效,如果无效,就可以像下面示例中那样,取消默认的行为。
      在这里插入图片描述
      在这里,onpaste 事件处理程序可以确保只有数值才会被粘贴到文本框中。如果剪贴板的值与正则表达式不匹配,则会取消粘贴操作。Firefox、Safari 和 Chrome 只允许在 onpaste 事件处理程序中访问 getData()方法【在Firefox、Safari 和 Chrome的浏览器中,在除了 onpaste 事件处理程序外的事件中访问 getData()方法无效】。

    • 由于并非所有浏览器都支持访问剪贴板,所以更简单的做法是屏蔽一或多个剪贴板操作。在支持 copy、cut 和 paste 事件的浏览器中(IE、Safari、Chrome 和 Firefox 3 及更高版本),很容易阻止这些事件的默认行为。在 Opera 中,则需要阻止那些会触发这些事件的按键操作,同时还要阻止在文本框中显示上下文菜单

    四、自动切换焦点

    1. 使用 JavaScript 可以从多个方面增强表单字段的易用性。其中,最常见的一种方式就是在用户填写完当前字段时,自动将焦点切换到下一个字段通常,在自动切换焦点之前,必须知道用户已经输入了既定长度的数据(例如电话号码)
    • 例如,美国的电话号码通常会分为三部分:区号、局号和另外 4 位 数字。为取得完整的电话号码,很多网页中都会提供下列 3 个文本框:
      在这里插入图片描述
    • 这样做的目的:增强易用性,同时加快数据输入**;
    • 做法:可以在前一个文本框中的字符达到最大数量后,自动将焦点切换到下一个文本框。换句话说,用户在第一个文本框中输入了 3 个数字之后,焦点就会切换到第二个文本框,再输入 3 个数字,焦点又会切换到第三个文本框
    • 这种“自动切换焦点”的功能,可以通过下列代码实现:
      在这里插入图片描述
      不过请记住,这些代码只适用于前面给出的标记,而且没有考虑隐藏字段【如果当前文本框的下一个节点是隐藏字段,就不应该给其焦点】。

    五、HTML5 约束验证API

    为了在将表单提交到服务器之前验证数据,HTML5 新增了一些功能。有了这些功能,即便 JavaScript 被禁用或者由于种种原因未能加载,也可以确保基本的验证。

    换句话说,浏览器自己会根据标记中的规则执行验证,然后自己显示适当的错误消息(完全不用 JavaScript 插手)。当然,这个功能只有在支持 HTML5 这部分内容的浏览器中才有效,这些浏览器有 Firefox 4+、Safari 5+、Chrome 和 Opera 10+。【用h5的方法而不是js的方法实现表达提交前的验证】

    只有在某些情况下表单字段才能进行自动验证。具体来说,就是要在 HTML 标记中为特定的字段指定一些约束然后浏览器才会自动执行表单验证

    1. 必填字段:
      第一种情况是在表单字段中指定了 required 属性,如下面的例子所示:
      在这里插入图片描述
      任何标注有 required 的字段,在提交表单时都不能空着。这个属性适用于<input><textarea><select>字段(Opera 11 及之前版本还不支持<select>的 required 属性)。在 JavaScript 中,通过对应的 required 属性,可以检查某个表单字段是否为必填字段
      在这里插入图片描述
    • 另外,使用下面这行代码可以测试浏览器是否支持 required 属性
      在这里插入图片描述
      以上代码通过特性检测来确定新创建的<input>元素中是否存在 required 属性
    1. 其他输入类型
      HTML5 为<input>元素的 type 属性又增加了几个值。这些新的类型不仅能反映数据类型的信息, 而且还能提供一些默认的验证功能。其中,"email"和"url"是两个得到支持最多的类型,各浏览器也都为它们增加了定制的验证机制。例如:
      在这里插入图片描述
      顾名思义,"email"类型要求输入的文本必须符合电子邮件地址的模式,而"url"类型要求输入的 文本必须符合 URL 的模式。不过,本节前面提到的浏览器在恰当地匹配模式方面都存在问题。最明显的是"-@-"会被当成一个有效的电子邮件地址。浏览器开发商还在解决这些问题。
    • 检测浏览器是否支持这些新类型,可以在 JavaScript 创建一个<input>元素,然后将 type 属性 设置为"email"或"url",最后再检测这个属性的值【和前面的差不多】。不支持它们的旧版本浏览器会自动将未知的值设置为"text",而支持的浏览器则会返回正确的值。例如:
      在这里插入图片描述
    • 要注意的是,如果不给<input>元素设置 required 属性,那么空文本框也会验证通过。另一方面, 设置特定的输入类型并不能阻止用户输入无效的值,只是应用某些默认的验证而已。
    1. 数值范围
    • 除了"email"和"url",HTML5 还定义了另外几个输入元素。这几个元素都要求填写某种基于数字的值"number"、"range"、"datetime"、"datetime-local"、"date"、"month"、"week",还有"time"。浏览器对这几个类型的支持情况并不好,因此如果真想选用的话,要特别小心。

    • 对所有这些数值类型的输入元素,可以指定 min 属性(最小的可能值)、max 属性(最大的可能值) 和 step 属性(从 min 到 max 的两个刻度间的差值)。例如,想让用户只能输入 0 到 100 的值,而且这 个值必须是 5 的倍数,可以这样写代码:
      在这里插入图片描述
      在不同的浏览器中,可能会也可能不会看到能够自动递增和递减的数值调节按钮(向上和向下按 钮)。

    • 以上这些属性在 JavaScript 中都能通过对应的元素访问(或修改)。此外,还有两个方法:stepUp() 和 stepDown(),都接收一个可选的参数:要在当前值基础上加上或减去的数值。(默认是加或减 1。) 这两个方法还没有得到任何浏览器支持,但下面的例子演示了它们的用法。
      在这里插入图片描述

    1. 输入模式
      HTML5为文本字段新增了pattern属性。这个属性的值是一个正则表达式用于匹配文本框中的值。例如,如果只想允许在文本字段中输入数值,可以像下面的代码一样应用约束:
      在这里插入图片描述
      注意,模式的开头和末尾不用加^和$符号(假定已经有了)。这两个符号表示输入的值必须从头到尾都与模式匹配
    • 与其他输入类型相似,指定 pattern 也不能阻止用户输入无效的文本。这个模式应用给值,浏览器来判断值是有效,还是无效。在 JavaScript 中可以通过 pattern 属性访问模式
      在这里插入图片描述
    • 使用以下代码可以检测浏览器是否支持 pattern 属性
      在这里插入图片描述
    1. 检测有效性
    • 使用 checkValidity()方法:可以检测表单中的某个字段是否有效所有表单字段都有个方法,如果字段的值有效,这个方法返回 true,否则返回 false。字段的值是否有效的判断依据是本节前面介绍过的那些约束。换句话说,必填字段中如果没有值就是无效的,而字段中的值与 pattern 属性不匹配也是无效的。例如:
      在这里插入图片描述
    • 要检测整个表单是否有效,可以在表单自身调用 checkValidity()方法。如果所有表单字段都有效,这个方法返回 true;即使有一个字段无效,这个方法也会返回 false。
      在这里插入图片描述
    • checkValidity()方法简单地告诉你字段是否有效相比validity 属性则会告诉你为什么字段有效或无效这个对象中包含一系列属性,每个属性会返回一个布尔值
      在这里插入图片描述
      因此,要想得到更具体的信息,就应该使用 validity 属性来检测表单的有效性。下面是一个例子
      在这里插入图片描述
    1. 禁用验证
    • 通过设置 novalidate 属性,可以告诉表单不进行验证
      在这里插入图片描述
    • JavaScript 中使用 noValidate 属性可以取得或设置这个值,如果这个属性存在,值为 true,如果不存在,值为 false。
      在这里插入图片描述
    • 如果一个表单中有多个提交按钮,为了指定点击某个提交按钮不必验证表单,可以在相应的按钮上添加 formnovalidate 属性
    <form method="post" action="foo.php"> 
    	<!--这里插入表单元素-->
    	<input type="submit" value="Regular Submit">
    	<input type="submit" formnovalidate name="btnNoValidate" value="Non-validating Submit">
    </form>
    

    在这个例子中,点击第一个提交按钮会像往常一样验证表单,而点击第二个按钮则会不经过验证而提交表单

    • 使用 JavaScript 也可以设置这个属性
      在这里插入图片描述
    展开全文
  • php清除文本框的方法:1、javascript使用submit按钮的onclick处理程序;...0){...}】方法清除文本框。推荐:《PHP视频教程》php清除文本框具体问题:没有办法...我需要代码来清除文本框,从一个块内启动。例如i...

    php清除文本框的方法:1、在javascript中使用submit按钮的onclick处理程序;2、使用php代码【if(count($_post)>0){...}】方法清除文本框。

    e7a09e1827a8cda31e671db6f5b0a0ba.png

    推荐:《PHP视频教程》

    php清除文本框

    具体问题:

    有没有办法使用提交按钮从文本框中删除文本?

    我不想删除表单上所有框中的文本。

    我不想删除元素的文本“onclick”。

    我需要代码来清除文本框,从一个块内启动。

    例如

    if($_POST['submit'] == "submit")

    {

    //clear text box with name "text"

    }

    ?>

    解决办法:

    你可以用两种方式来做:在javascript中使用submit按钮的onclick处理程序

    使用PHPif(count($_post)>0)

    {

    $请求['text']=$获取['text']=$发布['text']='';

    }

    展开全文
  • 如果这HTM文件,包含文本输入框这样的一些表单元素IE6下就会出娄子了。 测试组的人说了,弹出层打开后,“经常”无法获取文本框的焦点,就是鼠标点文本框无法获取焦点并显示输入标记,仿佛被什么透明层给盖...
  • php清除文本框的方法:1、javascript使用submit按钮的onclick处理程序;...0){...}】方法清除文本框。php清除文本框具体问题:没有办法使用提交...我需要代码来清除文本框,从一个块内启动。例如if($_POST['su...
  • 表单元素是允许用户在表单中输入信息的元素。随着时代的改变和互联网的发展,表单的使用越来越广泛。 2.知识剖析 (1)什么是表单 表单在网页中主要负责数据采集功能。一个表单三个基本组成部分: 表单标签:这...
  • 一个表单有个文本框,当其中任何一个文本输入框按下回车键,默认的是提交表单数据。但希望在上一个文本输入框按下回车键后,焦点移到下一个文本输入口,以便继续输入信息,而不是提交表单数据。    ...
  • 表单是网页与用户的交互工具,由一个元素作为容器构成,封装其他任何数量的表单控件,还有其他任何元素里可用的标签,表单能够包含、、、、、等表单控件元素表单元素有哪些呢?它包含了如下的这些元素,输入文本框...
  • 今天碰到一个奇葩的问题,asp页面表单提交后,有一个文本框<input type="text" name="phone" id="phone" />后台获取不了, 这个标签form表单内,也有name属性,但是后台就是获取不了这个标签的值,而...
  • 向函数传递表单数据和元素一个很有趣的话题,趣使用this关键字可以减少 window.document这类长长的引用,甚至可以把一个对象传进取 ,连fromname都不要了,例如,我们传递一个文本对象给函数,那么我们可以...
  • 向函数传递表单数据和元素一个很有趣的话题,趣使用this关键字可以减少 window.document这类长长的引用,甚至可以把一个对象传进取 ,连fromname都不要了,例如,我们传递一个文本对象给函数,那么我们可以...
  • 向函数传递表单数据和元素一个很有趣的话题,趣使用this关键字可以减少 window.document这类长长的引用,甚至可以把一个对象传进取 ,连fromname都不要了,例如,我们传递一个文本对象给函数,那么我们可以...
  • 1. 取消按钮按下时的虚线框 input里添加属性值 hideFocus 或者 HideFocus=... ENTER键可以让光标移到下一个输入框 <input onkeydown=if(event.keyCode==13) event.keyCode=9 > 5. 只能为中文(闪动) <inp
  • 表单主要用于跟用户互动,收集...表单元素是允许用户在表单中输入内容,比如:单行文本框、密码框、多行文本框(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes),文件域、按钮等。 下面制作一个登...
  • htmlform表单的功能

    2020-07-29 18:31:30
    form通常有一到多个表单元素组成,这些表单元素是单行/多行文本框,下拉菜单,按钮,复选框,单选按钮,时候表单元素时一般要配合label标签,用于描述其目的。属性如下。 action 用来处理表单的应用程序 method ...
  • 对于刚刚接触HTML源代码的朋友可能这样一个疑惑:在一个表单元素中,我如果想用脚本确定某个具体元素,我既可以用他的NAME来索引这个对象,也可以加一个ID来索引它,那这两种方法究竟什么区别呢?以下我们来具体...
  • 让我们看一个简单的表单提交场景,往产品数据库中加一个新产品: 上面的页面是在用户访问我们... ...form>元素中,我们有2个<input type="text"/>文本框,然后在表单的下部有一个HTML提交按钮,点击该...
  • 让我们看一个简单的表单提交场景,往产品数据库中加一个新产品: ... ...form>元素中,我们有2个<input type="text"/>...文本框,然后在表单的下部有一个HTML提交按钮,点击该按钮,会导致包含该按钮的表单将...
  • 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等...
  • React 非受控表单组件

    2021-01-04 17:07:43
    表单元素不采用value-onChange/checked-onChange方式来对state区中的数据进行双向绑定...带有一个onSubmit事件,当表单中具有数据提交功能的按钮单击时,会自动执行这个事件。 非受控文本框中设置一个ref属性,onSub
  • HTML 表格表单

    2020-04-02 10:47:08
    文章目录表格基本语法合并单元格表格的样式长表格表格布局表单...表格也是一个块级元素 基本语法 <tr>表示表格的一行,几行就几个 <tr> <td><tr>需要使用 <td>来创建单元...
  • 用FCKeditor编辑器设计表单,先设计一个表格(即table),然后单元格增加文本框(text),文本框设置id、name、class等属性。然后把文本框一个单元格拖动到另一单元格,问题出现:被拖动后的文本框都失去了...
  • 我们JQ,想要获取属性值怎么办呢,两个方式,一个呢使用attr和prop,而这两个方式呢,是区别的,我们来看一下 attr();常用语常规属性的使用,也可以用于自定义属性的值 prop();常用于可简写属性值的获取,...
  • jQuery Mobile 表单

    2016-05-10 17:21:56
    常见的表单控件类型 • 文本框 • 搜索框 • 单选框 • 复选框 • 选择菜单 • 滑动条 • 翻转切换开关创建表单注意事项 ...3.每个表单元素必须有一个标记(label)。请设置 label 的 for 属性来

空空如也

空空如也

1 2 3 4 5 ... 10
收藏数 193
精华内容 77
关键字:

在表单中有一个文本框元素