如何在HTML中包含输入字段?

HTML <input>标记在表单内用于声明输入元素-一种允许用户输入数据的控件。

以下是属性-

属性

描述
接受
内容类型
指定服务器接受的内容类型的逗号分隔列表
对齐


顶部
中间
底部
不推荐使用 -定义内容的对齐方式
alt
文本
这指定了在浏览器/用户代理无法呈现输入控件的情况下要使用的文本
自动完成

关闭
指定在<input>元素中启用或禁用自动完成功能
自动对焦
自动对焦
指定<input>元素应在页面加载时自动获得焦点
已检查
已检查
如果type =“ radio”或type =“ checkbox”,则将在页面加载时选择它。
残障人士
残障人士
禁用输入控件。该按钮将不接受用户的更改。它也无法获得焦点,并且在跳动时将被跳过。
形成
form_id
指定一种或多种形式
形式行动
网址
指定提交表单时将处理输入控件的文件的URL
形式型 
应用程序/ x-www-form-urlencoded

多部分/表单数据

文字/纯文字
指定将表单数据提交到服务时应如何编码
形式方法

GET
定义用于将数据发送到操作URL的HTTP方法
形式验证
形式验证
定义在提交时不应验证表单元素
目标
_blank
_self
_parent
_top
指定提交表单后将在其中显示响应的目标
高度
像素
指定高度
列表
datalist_id
指定包含<input>元素的预定义选项的<datalist>元素
最高
自动对焦
指定最大值。
最长长度

定义文本字段中允许的最大字符数


指定最小值


指定用户可以输入多个值
名称
文本
为输入控件分配一个名称。
模式
正则表达式
指定用于检查<input>元素值的正则表达式
占位符
文本
指定描述期望值的简短提示。
只读
只读
将输入控件设置为只读。它不允许用户更改值。但是,该控件可以获得焦点,并在通过表单控件进行制表时会包含在内
需要
需要
指定在提交表单之前必须填写输入字段
尺寸

指定控件的宽度。如果type =“ text”或type =“ password”,则表示字符宽度。否则,以像素为单位。
src
网址
定义要显示的图像的URL。仅用于type =“ image”。


指定输入字段的合法编号间隔
类型
按钮复选框颜色
日期日期时间日期时间当地电子邮件
文件
隐藏
图像

号密码
无线电
范围
重置
搜索
提交
电话
文本
时间
网址
星期
指定控件的类型。

文本
指定控件的初始值。如果type =“ checkbox”或type =“ radio”,则需要此属性。
宽度
像素
指定宽度

示例

您可以尝试运行以下代码以在HTML中实现<input>元素-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML input Tag</title>
   </head>
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         First name:
         <input type = "text" name = "first_name" value = "" maxlength = "100" />
         <br />
         Last name:
         <input type = "text" name = "last_name" value = "" maxlength = "100" />
         <input type = "submit" value = "Submit" />
      </form>
   </body>
</html>