HTML标签 <form> 用于创建一个表单,用户可以在表单中输入数据并提交给服务器进行处理。表单可以包含各种输入字段,比如文本框、复选框、单选按钮等。
属性
- action: 指定表单提交数据的目标地址,可以是一个 URL 或者一个脚本文件。
- method: 指定表单提交数据的方式,通常为 GET 或 POST。
- enctype: 指定在表单提交数据时编码的方式,常用的值有 application/x-www-form-urlencoded、multipart/form-data 和 text/plain。
示例代码
-- -------------------- ---- ------- ----- ------------------------- -------------- ------ --------------------------- ------ ----------- ------------- --------------- --------- ------ -------------------------- ------ --------------- ------------- --------------- --------- ------ ------------- ----------- -------
在上面的示例代码中,我们创建了一个简单的登录表单,用户需要输入用户名和密码,然后点击提交按钮进行登录操作。
常用的表单元素
- input: 用于创建各种输入字段,比如文本框、密码框、复选框、单选按钮等。
- textarea: 用于创建多行文本输入框。
- select: 用于创建下拉列表框。
- button: 用于创建按钮。
- label: 用于为表单元素添加标签,提高用户体验。
注意事项
- 在使用表单时,务必验证用户输入的数据,防止恶意提交和 XSS 攻击。
- 使用合适的表单元素,提高用户体验和数据的准确性。
以上就是关于 HTML 标签 <form> 的介绍和示例代码。希望对你有所帮助!
属性 | 值 | 描述 |
---|---|---|
accept | MIME_type | HTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的) |
accept-charset | character_set | 规定服务器可处理的表单数据字符集。 |
action | URL | 规定当提交表单时向何处发送表单数据。 |
autocomplete | onoff | 规定是否启用表单的自动完成功能。 |
enctype | application/x-www-form-urlencoded multipart/form-data text/plain | 规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况) |
method | get post | 规定用于发送表单数据的 HTTP 方法。 |
name | text | 规定表单的名称。 |
novalidate | novalidate | 如果使用该属性,则提交表单时不进行验证。 |
target | _blank _self _parent _top | 规定在何处打开 action URL。 |