找回密码
 立即注册
首页 资源区 教程 html表单标签/提交标签创建

html表单标签/提交标签创建

新程序 2025-5-24 17:01:12
1.png

标签说明:

1.表单使用表单标签 <form> 标签表示表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

2.多数情况下被用到的表单标签是输入标签(<input>)。
输入类型是由类型属性(type)定义的。

文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

密码字段通过标签<input type="password"> 来定义:


<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

<input type="submit"> 标签为 提交按钮.

&nbsp; 空格标签


当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:


  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>html表单标签创建</title>
  6. </head>


  7. <!--


  8. 1.表单使用表单标签 <form> 标签表示表单
  9. 表单是一个包含表单元素的区域。
  10. 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

  11. 2.多数情况下被用到的表单标签是输入标签(<input>)。
  12. 输入类型是由类型属性(type)定义的。

  13. 文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

  14. 密码字段通过标签<input type="password"> 来定义:


  15. <input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

  16. <input type="submit"> 标签为 提交按钮.

  17. &nbsp; 空格标签

  18. 当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:

  19. -->
  20. <body>
  21.         <form>用户名:
  22.       <input type="text" name="名字">
  23.       <p>密&nbsp;&nbsp;&nbsp;码: <input type="password" name="show-password">
  24.         </form>

  25. <form action="">

  26.   <input type="radio" name="checkbox">男
  27.   <input type="radio" name="checkbox">女

  28. </form>



  29. <p>

  30. <b><input type="submit"></b>

  31. </body>
  32. </html>
复制代码


表单和提交按钮创建.txt (1.47 KB, 下载次数: 0)

您需要登录后才可以回帖 登录 | 立即注册