如何在 HTML 中添加输入字段?

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

以下是 − 的属性

属性	值	描述
accept	content types	指定服务器接受的内容类型的逗号分隔列表
align	left right top middle bottom	已弃用 − 定义内容的对齐方式
alt	Text	这指定了在浏览器/用户代理无法呈现输入控件时要使用的文本
autocomplete	on off	指定在 <input> 元素中启用或禁用自动完成功能
autofocus	Autofocus	指定 <input> 元素应在页面加载时自动获得焦点
checked	Checked	如果 type = "radio" 或 type = "checkbox"，则页面加载时它将被选中。
disabled	Disabled	禁用输入控件。该按钮不会接受用户的更改。它也无法获得焦点，并且在 Tab 键切换时会被跳过。
form	form_id	指定一个或多个表单
formaction	URL	指定提交表单时处理输入控件的文件的 URL
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	指定将表单数据提交给服务器时应如何编码
formmethod	post get	定义将数据发送到操作 URL 的 HTTP 方法
formnovalidate	Formnovalidate	定义表单元素在提交时不应进行验证
fromtarget	_blank _self _parent _top	指定提交表单后收到的响应的显示目标
height	Pixels	指定高度
list	datalist_id	指定包含 <input> 元素的预定义选项的 <datalist> 元素
max	Autofocus	指定最大值。
maxlength	Number	定义文本字段中允许的最大字符数
min	Number	指定最小值
multiple	Multiple	指定用户可以输入多个值
name	Text	为输入控件分配一个名称。
pattern	Regexp	指定用于检查 <input> 元素值的正则表达式
placeholder	Text	指定描述预期值的简短提示。
readonly	Readonly	将输入控件设置为只读。它不允许用户更改值。但是，该控件可以接收焦点，并且在通过 Tab 键浏览表单控件时会被包含进来
required	required	规定在提交表单之前必须填写输入字段
size	Number	指定控件的宽度。如果 type = "text" 或 type = "password"，则表示以字符为单位的宽度。否则，以像素为单位。
src	URL	定义要显示的图片的 URL。仅用于 type = "image"。
step	Number	规定输入字段的合法数字间隔
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	Text	指定控件的初始值。如果 type = "checkbox" 或 type = "radio"，则此属性是必需的。
width	Pixels	指定宽度

示例

您可以尝试运行以下代码，在 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>

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/