HTML <input> type属性用法及代码示例

HTML <input>类型的属性用于指定要显示的<input>元素的类型。 <input> type属性的默认类型是text。

用法:

<input type="value">

属性值：

button:它用于定义文档中的可单击按钮。它通常与JavaScript一起使用以激活脚本。
checkbox:它用于定义复选框字段。该复选框显示为一个方形框，在激活该框时将其选中。它允许用户在所有受限选项中选择一个或多个选项。
color:它用于定义颜色选择器。该值应为七个字符的十六进制表示法。默认值为＃000000(黑色)。
date:它用于定义日期选择器或控制字段。该值将是年，月和日。
email:用于定义电子邮件地址的字段。输入的电子邮件ID将自动验证，以检查电子邮件ID的格式是否正确。
file:它用于指定文件选择字段，并添加一个按钮以选择要上传到表单的文件。
hidden:它用于定义输入隐藏字段。隐藏字段还包括用户提交表单时无法查看或修改的数据。隐藏字段仅存储提交表单时需要更新的那些数据库记录。
image:它用于将图像定义为提交按钮。
month:用于指定月份和年份字段的控件。该值必须采用“YYYY-MM”的格式。
number:用于指定输入数字的输入字段。
password:用于指定输入标签的密码字段。密码应通过HTTPS页面提供，因为它包含用户的敏感信息。
radio:用于定义单选按钮。单选按钮用于使用户从预定义选项列表中准确选择一个选项。通过使用“input”元素创建单选按钮输入控件，该元素的类型属性的值为“radio”。
range:它用于定义对用户输入的数字的控制。它可以设置对用户输入的不重要数字或值的限制。缺省值为0到100。
reset:它用于定义一个重置按钮。重置按钮用于将所有表格值重置为其初始值。
search:它用于定义输入搜索字符串的文本字段。
submit:它用于定义一个提交按钮。它用于将所有用户值提交到表单处理程序。表单处理程序是一个服务器页面，可激活用于处理所有输入值的脚本。
tel:它用于定义输入用户电话号码的字段。
text:它用于定义单行文本字段。文本字段的默认宽度为20个字符。
time:用于指定输入时间控制字段。
url:它用于定义输入URL的字段。提交表单之前，此输入值会自动验证。
week:它用于定义一周和一年的控制字段。

例：

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML input type Attribute  
    </title>  
</head>  
      
<body style="text-align:center;">  
  
    <h1 style="color:green;">GeeksforGeeks</h1>  
          
    <h3>HTML <input> type Attribute</h3>  
          
    <form action="#" method="get">  
        Username:<input type="text" name="uname">  
              
        <br><br>  
              
        Password:<input type="password" name="pwd">  
              
        <br><br>  
              
        <button type="submit" value="submit">  
            Submit  
        </button>  
              
        <button type="reset" value="reset">  
            Reset  
        </button>  
    </form>  
</body>  
  
</html>

输出：

支持的浏览器：下面列出了HTML <input> type属性支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
Safari
Opera

相关用法

注：本文由纯净天空筛选整理自jit_t大神的英文原创作品 HTML | <input> type Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。