HTML 表单的用法

表单作用:

  • 简单说就是html通过表单收集用户信息(即:不同类型数据)并提交后台服务器。
  • 用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。
  • <form> 元素定义 HTML 表单,作为表单的外壳把用户输入的不同类型的数据提交到后台。

表单定义(<form></form>标签)

HTML表单是一个包含表单元素的区域, 表单使用<form> 标签创建。表单能够包含 <a target="_blank" title="HTML input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含<a target="_blank" title="HTML menus、<a target="_blank" title="HTML textarea、<a target="_blank" title="HTML fieldset、<a target="_blank" title="HTML legend 和 <a target="_blank" title="HTML label 元素。注意,<form >元素是块级元素,其前后会产生折行。
<form action="reg.ashx" method="post"> </form>

用于表单的一些重要元素

  • input: 用于搜集用户信息

根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

input中常用标签:

text:单行文本输入。
password:隐藏文本输入。
radio:单选。
checkbox:多选。
textarea:大段文字输入。
file:上传文件。
select:下拉列表。

  • name:属性规定 input 元素的名称

只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

  • value:为 input 元素设定值。

对于不同的输入类型,value 属性的用法也不同:
1.type="button", "reset", "submit" - 定义按钮上的显示的文本。
2.type="text", "password", "hidden" - 定义输入字段的初始值。
3.type="checkbox", "radio", "image" - 定义与输入相关联的值。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 表单用于搜集不同类型的用户输入。用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。HTM...
    FLYSASA阅读 438评论 0 0
  • form表单 html的表单用于搜集各种用户输入信息并提交,能增加网站的交互效果。表单是一个包含表单元素的区域,用...
    进击的前端_风笑影阅读 419评论 0 1
  • 一、HTML表单 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea...
    饥人谷_李维超阅读 342评论 0 0
  • HTML 表单:输入用户信息的单子,收集填写的信息给服务器后台例: form:定义html表单,粗浅理解为包裹表单...
    我七阅读 404评论 0 0
  • 最近,感触于一句话:“我们用了几年时间学说话,却要花费几十年来学闭嘴!" 参加训练营,已经有一周的时间了,在过去的...
    古月如歌519阅读 498评论 8 11