首页 > 编程笔记 > Web笔记 阅读:2,004

HTML form表单

表单在很早的 HTML 版本中就已经存在,它是用户输入和网页之间数据交互的一个界面,在 HTML 中用 <form> 标签标记。

HTML 规范已经升级到 5.0 版本,H5 是它的简称。以前的 HTML 其实应该称为 HTML 4 或者 HTML 401,“5”并不代表一种新技术,仅仅是一个版本号。

以常见的用户登录界面为例,用户访问页面前必须经过一个登录界面,这就是一个表单。表单留了一个需要输入数据的区域,这些数据将被上传到后台服务器,或者用来校验用户名和密码。

表单为用户和网页的数据交互提供了一个友好的界面。

我们再来看看 HTML 表单代码是如何书写的,代码如下所示:
<body>
    <form name="input" action="http://www.xxx.com/index.html" method="GET">
        <input type="text" name="user">
        <input type="submit" value="Submit">
    </form>
</body>
其中:
如果在上面的代码描述页面的输入框中输入“果果”,这两个字将会以 GET 方法提交到 http://www.xxx.com/iiKiex.html,至于服务器取到这些值后如何操作是另一个问题,这涉及服务器端程序,也是前端与后端划分的标准之一。

此外,表单中还可以承载很多类型的元素,例如 RadioBox 和 CheckBox,用来丰富用户输入类型和减少交互成本。

总结:表单是用户和服务器数据交互的用户界面,一切向服务器提交的数据都是由其中的几个简单的标签组成的。

编程帮,一个分享编程知识的公众号。跟着站长一起学习,每天都有进步。

通俗易懂,深入浅出,一篇文章只讲一个知识点。

文章不深奥,不需要钻研,在公交、在地铁、在厕所都可以阅读,随时随地涨姿势。

文章不涉及代码,不烧脑细胞,人人都可以学习。

当你决定关注「编程帮」,你已然超越了90%的程序员!

编程帮二维码
微信扫描二维码关注

所有教程

优秀文章