jquery中input是什么元素-常见问题-PHP中文网

首页

常见问题

jquery中input是什么元素

Jun 06, 2023 pm 02:18 PM

jquery input jquery入门

jquery中input是选择器选取表单元素，其作用是：1、input用于搜集用户信息，根据不同的type属性值，输入字段拥有很多种形式，输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等；2、input标签可定义输入域的开始，在其中用户可输入数据；3、使用input标签来进行定义，其中包括文本字段、多选列表、可单击的图像和提交按钮等。

jquery中input是什么元素

本文的操作环境：Windows10系统、jQuery 3.6.4版本、dell g3电脑。

jquery中input是选择器选取表单元素，该选择器也与按钮元素一起使用。

input作用：

1、input标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

2、input标签可定义输入域的开始，在其中用户可输入数据。

3、对于大量通常的表单控件，可以使用input标签来进行定义，其中包括文本字段、多选列表、可单击的图像和提交按钮等。

虽然input标签中有许多属性，但是对每个元素来说，只有type属性和name属性是必需的（提交或重置按钮只有 type 属性）。

input的用法：

$(&quot;:input&quot;)

登录后复制

jQuery：input选择器不仅选择输入元素，还选择Buttons，Dropdowns和Textarea元素。

例：此示例使用：输入选择器来计算所有输入元素。

<!DOCTYPE html> 
<html> 
      
<head>  
    <title> 
        jQuery:input Selector 
    </title> 
      
    <style>  
        body {  
            width:35%;  
            height:150px;  
            border:2px solid green;  
            padding:35px;  
            margin:10px;  
        } 
    </style> 
      
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">  
    </script>  
</head>  
  
<body>  
  
    <input type="text" value="GeeksforGeeks"> 
      
    <button type="button"> 
        Simple Button 
    </button><br> 
      
    <select> 
        <option>Option</option> 
    </select> 
      
    <textarea></textarea> 
      
    <h4 id="GFG"></h4> 
      
    <!-- jQuery code to count all elements  
        selected by:input selector -->
    <script>  
        $(document).ready(function() { 
            var allInputs = $(&quot;:input&quot;); 
            $("#GFG").text("Found " + allInputs.length  
                    + " elements selected.");  
        }); 
    </script>  
</body>  
  
</html>

登录后复制

以上是jquery中input是什么元素的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn