数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究如何在 HTML 中包含输入字段？
HTML 的 <input> 标签用于表单内声明输入元素 - 允许用户输入数据的控件。
以下是属性：
| 属性 | 值 | 描述 |
|---|---|---|
| accept | 内容类型 | 指定服务器接受的内容类型的逗号分隔列表 |
| align | left right top middle bottom | 已弃用 - 定义内容的对齐方式 |
| alt | 文本 | 如果浏览器/用户代理无法呈现输入控件，则指定要使用的文本 |
autocomplete  | on off | 指定在 <input> 元素中启用或禁用自动完成功能 |
autofocus  | 自动聚焦 | 指定 <input> 元素在页面加载时应自动获得焦点 |
| checked | 已选中 | 如果 type = "radio" 或 type = "checkbox"，则在页面加载时将已选中。 |
| disabled | 禁用 | 禁用输入控件。按钮将不接受用户的更改。它也无法接收焦点，并且在按 Tab 键时会被跳过。 |
form  | form_id | 指定一个或多个表单 |
formaction  | URL | 指定提交表单时将处理输入控件的文件的 URL |
formenctype  | application/x-www-form-urlencoded | 指定提交表单数据到服务器时应如何对其进行编码 |
formmethod  | post get | 定义用于将数据发送到 action URL 的 HTTP 方法 |
formnovalidate  | Formnovalidate | 定义表单元素在提交时不应进行验证 |
fromtarget  | _blank _self _parent _top | 指定接收提交表单后收到的响应将显示的目标位置 |
height  | 像素 | 指定高度 |
list  | datalist_id | 指定包含 <input> 元素预定义选项的 <datalist> 元素 |
max  | 自动聚焦 | 指定最大值。 |
| maxlength | 数字 | 定义文本字段中允许的最大字符数 |
min  | 数字 | 指定最小值 |
multiple  | 多选 | 指定用户可以输入多个值 |
| name | 文本 | 为输入控件分配名称。 |
pattern  | 正则表达式 | 指定 <input> 元素的值将对其进行检查的正则表达式 |
placeholder  | 文本 | 指定简短提示，描述预期值。 |
| readonly | 只读 | 将输入控件设置为只读。它不允许用户更改值。但是，控件可以接收焦点，并且在按 Tab 键遍历表单控件时包含在内 |
required  | 必填 | 指定在提交表单之前必须填写输入字段 |
| size | 数字 | 指定控件的宽度。如果 type = "text" 或 type = "password"，则指的是以字符为单位的宽度。否则，以像素为单位。 |
| src | URL | 定义要显示的图像的 URL。仅用于 type = "image"。 |
step  | 数字 | 指定输入字段的合法数字间隔 |
| type | button checkboxcolor date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week | 指定控件的类型。 |
| value | 文本 | 指定控件的初始值。如果 type = "checkbox" 或 type = "radio"，则此属性是必需的。 |
width  | 像素 | 指定宽度 |
示例
您可以尝试运行以下代码以在 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>
更新于: 2020-03-03
265 次浏览
广告