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>