HTML Form表单

表单在Web网页中用来给用户填写信息,从而能采用用户信息,使网页具有交互功能。所有的用户输入内容的地方都用表单来写,如登录注册等。

  表单是由容器和控件组成的,一个表单一般应该包含用户填写信息的输入框,提交按钮等,这些叫做控件,表单就是容器,它能狗容纳各种各样的控件。

属性说明

action: 服务器地址

name: 表单的名称

method中get与post是有区别的:get是把提交的数据url可以看到,post看不到。get一般用于提交少量数据,post用于提交大量数据。

  <form action="" name="" method="get/post"></form>

表单元素

文本框

文本域通过<input type="text" > 标签来设定,当用户要求在表单中输入文本时,就会用到文本域。

 <form action="" name="" method="get/post">
    <input type="text">
   </form>

密码框

密码字段是通过标签<input type="password"> 来定义的。(密码字段字符不会明文显示,而是以星号或圆点表示)。

<form action="" name="" method="get/post">
    <input type="password">
   </form>

 

提交按钮

提交按钮由<input type="button"> 标签来定义,当用户点击提交按钮时,表单的内容会被传送到另一个文件,表单的动作属性定义了目的文件的文件名,由动作属性定义的这个文件通常会对接收到的输入数据进行相关处理。

<form action="" name="" method="get/post">
    账号:<input type="text"><br>
    密码:<input type="password">
    <input type="button" value="提交">
   </form>

 

 

 

 

HTML表单是用于收集用户输入数据的一种方式。它由一系列的表单控件和相应的标签组成。在HTML中,表单控件包括文本框、密码框、下拉列表、复选框、单选框、文件上传等。引用描述了一些常见的表单控件,例如文本框、密码框、下拉列表。引用介绍了label标签,用于与表单控件关联,提供更好的可用性和可访问性。引用和提供了更多关于HTML表单的示例和使用方法。 在HTML中,可以使用form元素来创建一个表单。form元素有action属性,用于指定表单提交后的处理页面;method属性,用于指定表单的提交方式(POST或GET);enctype属性,用于指定表单数据的编码类型。表单中的每个控件都需要通过相应的标签来进行标记,并且可以使用name属性来命名控件,以便在提交表单时能够获取到用户输入的数据。 通过使用不同的表单控件和标签,可以灵活地创建各种类型的表单,满足不同的需求,例如收集用户的个人信息、提交文件等。表单的设计和布局可以根据具体的页面需求进行调整,以提供更好的用户体验。 总结起来,HTML表单是一种用于收集用户输入数据的技术,通过一系列的表单控件和标签,可以创建不同类型的表单,并通过表单提交将用户输入的数据发送到服务器进行处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值