HTML <form> 标签

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。
上一篇: HTML标签 <footer>
下一篇: HTML标签 <frame>
纠错
反馈