html的input标签用法

前端开发 2025-01-10 1

1. 文本字段: ```html ``` `type=text`: 表明这是一个文本输入框。 `name=username`: 表明表单提交时该输入框的称号。 `placeholder=请输入用户名`: 表明输入框的占位符文本。

2. 暗码字段: ```html ``` `type=password`: 表明这是一个暗码输入框，输入的文本会被躲藏。

5. 提交按钮: ```html ``` `type=submit`: 表明这是一个提交按钮。 `value=提交`: 表明按钮上显现的文本。

6. 文件上传: ```html ``` `type=file`: 表明这是一个文件上传控件。 `name=file`: 表明表单提交时该控件的称号。 `accept=image/`: 表明只承受图画文件。

7. 躲藏字段: ```html ``` `type=hidden`: 表明这是一个躲藏字段，用户看不到，但表单提交时会包括该字段的值。 `name=token`: 表明表单提交时该字段的称号。 `value=abc123`: 表明该字段的值。

8. 按钮: ```html ``` `type=button`: 表明这是一个一般按钮。 `value=点击我`: 表明按钮上显现的文本。

9. 重置按钮: ```html ``` `type=reset`: 表明这是一个重置按钮，点击后会重置表单中的一切输入。

10. 图画按钮: ```html ``` `type=image`: 表明这是一个图画按钮。 `src=button.jpg`: 表明按钮的图画源。 `alt=提交`: 表明图画无法显现时的代替文本。 `width=100` 和 `height=50`: 表明图画的宽度和高度。

```html