HTML表单的重要性简介，登录注册界面实例在线编辑

HTML表单的重要性简介

HTML的表单是什么，有什么作用？可以这么说，不管是以展示内容为主的网站还是用户可以产生内容的网站，HTML的表单都在网站的应用当中起到了至关重要的作用。举两个简单的例子，如下：

就说说用户可以自己产生内容的网站——不管是自媒体平台的文章还是电商平台中买家的评论——这类网站的用户为了完成这些，需要先在网站上进行注册、登录，然后在编辑器里头编辑文章或评论，并提交，这些过程都涉及到表单的设计和表单中数据的处理。
现在很多的个人站还是主要用以展示内容为主，虽然这类网站的用户不需要注册、登录，但是产生内容的站长需要设计开发网站的后台，然后编辑日常运营所需要的内容，而且更需要发布内容，而这也是需要HTML的表单来处理的。

HTML表单实例，及在线编辑器

下方的这个实例用HTML的表单form设计了一个简单的没有用太多CSS设计样式的注册、登录界面，主要用来简单地总体地了解一下HTML的表单的一些作用：

<form method='GET' action='url' style='border:1px solid rgb(200,200,200);text-align:center;width:50%;padding-top:2%;padding-bottom:2%;border-radius:5px;'>
  <div>
    <span>用户：</span><input type='text'>
  </div>
  <br>
  <div>
    <span>密码：</span><input type='password'>
  </div>
  <br>
  <div>
    <input type='checkbox'><span> 记住密码</span>
  </div>
  <br>
  <div>
    <button>注册</button><span> </span><button>登录</button>
  </div>
</form>

代码解析

如上代码，本来<form>里头是没有style属性的，也可以将style的内容删除掉，然后重新运行一下，看看效果。至于表单中其它的标签，将在以后的章节中逐一进行介绍。

hot：热门