内容简介：HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站点。大多数情况下，数据被发送到web服务器，但是web页面也可以自己拦截它并使用它。在本文中，我们将构建一个简单的联系人表单为了构建我们的联系人表单，我们将使用以下HTML元素:<form>, <label>, <input>, <textarea>, and <button>
HTML表单是什么？
HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站点。大多数情况下，数据被发送到web服务器，但是web页面也可以自己拦截它并使用它。
在本文中，我们将构建一个简单的联系人表单
为了构建我们的联系人表单，我们将使用以下HTML元素:<form>, <label>, <input>, <textarea>, and <button>
<form action="/my-handling-form-page" method="post">
<div>
<label for="name">Name:</label>
<input type="text" id="name" />
</div>
<div>
<label for="mail">E-mail:</label>
<input type="email" id="mail" />
</div>
<div>
<label for="msg">Message:</label>
<textarea id="msg"></textarea>
</div>
</form>
使用<div> 元素可以使我们更加方便地构造我们自己的代码，并且更容易样式化(参见本文后面的文章)。注意在所有<label>元素上使用for属性；它是将标签链接到表单小部件的一种正式方式。这个属性引用相应的小部件的id。这样做有一些好处。最明显的一个好处是允许用户单击标签以激活相应的小部件。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- 表单 – 避免Symfony强制显示表单字段
- 细说 Angular 2+ 的表单（二）：响应式表单
- 8款最新CSS3表单 环形表单很酷
- 动态表单 form-create 2.5 版本来啦，帮你轻松搞定表单
- 开源 | vue-form-making：基于 Vue 的表单设计器，让表单开发简单而高效
- 表单验证(AngularJs)
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
