📜  HTML 输入标签

📅  最后修改于: 2021-10-31 05:11:31             🧑  作者: Mango

在 HTML 中,可以使用用户可以输入数据的位置来指定输入字段。

元素中使用 input 标签来声明允许用户输入数据的输入控件。根据属性类型,输入字段可以是各种类型。 Input 标签是一个空元素,它只包含属性。要为输入元素定义标签,可以使用

句法

属性:

  • type : type 属性用于指定输入元素的类型。它的默认值是文本。
  • value : value 属性用于指定输入元素的值。
  • placeholder Placeholder 属性用于指定描述输入字段预期值的提示。
  • name name 属性用于指定输入元素的名称。
  • alt 如果用户无法查看图像,则 alt 属性用于为用户提供替代文本。
  • autofocus : Autofocus 属性指定一个元素在页面加载时应该自动获得焦点。
  • checked checked 属性指定在页面加载时应该预先选择(检查)一个元素。选中的属性可以与 < input type=”checkbox” > 和 < input type=”radio” > 一起使用。
  • disabled disabled 属性指定应禁用元素。可以设置 disabled 属性以防止用户使用 < input > 元素,直到满足其他一些条件。
  • form form 属性用于指定 元素所属的一个或多个表单。
  • max max 属性用于指定 < input > 元素的最大值。
  • required required 属性指定必须在提交表单之前填写输入字段。
  • readonly readonly 属性指定输入字段是只读的。无法修改只读输入字段。表单仍会提交只读的输入字段,但不会提交禁用的输入字段。
  • accept 此属性用于指定服务器接受的文件类型。
  • align 此属性用于指定图像输入的对齐方式。
  • autocomplete 此属性用于指定 元素是否应启用自动完成功能。
  • dirname 该属性用于指定将提交的文本方向。
  • formaction :该属性用于指定提交表单时将处理输入控件的文件的 URL(对于 type=”submit” 和 type=”image”)
  • formenctype 此属性用于指定将表单数据提交到服务器时应如何编码(对于 type=”submit” 和 type=”image”)
  • formmethod :该属性用于定义向动作 URL 发送数据的 HTTP 方法(对于 type=”submit” 和 type=”image”)
  • formnovalidate 此属性用于定义表单元素在提交时不应进行验证
  • formtarget 此属性用于指定在提交表单后显示收到的响应的位置(对于 type=”submit” 和 type=”image”)
  • height :此属性用于指定 元素的高度(仅适用于 type=”image”)
  • list 此属性用于引用包含 元素的预定义选项的 元素
  • maxlength 此属性用于指定 元素中允许的最大字符数
  • min 此属性用于指定 元素的最小值
  • multiple 此属性用于指定用户可以在 元素中输入多个值
  • pattern 这个属性用于指定一个正则表达式,一个 元素的值被用来检查
  • size 此属性用于指定 元素的宽度(以字符为单位)
  • src :此属性用于指定用作提交按钮的图像的 URL(仅适用于 type=”image”)
  • step 此属性用于指定输入字段的合法数字间隔
  • width :此属性用于指定 元素的宽度(仅适用于 type=”image”)

示例 1:使用“type”属性。

html


 

    

GeeksForGeeks

                                 

                            

                            

                   


html


 

    

GeeksForGeeks

    
                            
        
               
 


输出:

示例 2:使用“value”属性。

html



 

    

GeeksForGeeks

    
                            
        
               
 

输出:

支持的浏览器:

  • 谷歌浏览器
  • 互联网探索
  • 火狐
  • 歌剧
  • 苹果浏览器