表单的基本设置

做~自己de王妃 提交于 2020-03-05 23:14:06

1 表单的概述

  • 现实生活中的表单是用来提交信息的,比如:办理银行卡填写的申请表、找工作填写的简历、入学时填写的个人信息表。这些都是表单的一种。
  • 网页中的表单是用来向服务器提交信息的,我们最常用的表单就是百度的搜索框。

 

 

2 表单

2.1 概述

  • 使用form标签创建一个表单。
  • form标签必须指定一个action属性,该属性指向的是一个服务器的地址。当我们提交表单的时候将会提交到action属性对应的地址。
  • form标签还有一个method属性,该属性表示提交表单的方式,是get还是post。

2.2 应用示例

  • 示例:
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>

<body>

    <form action="http://www.badu.com" method="POST">
        用户名:<input type="text" name="username" value=""><br>
        密码:<input type="password" name="password" value=""><br>
        <input type="submit" value="提交"><br>
    </form>

</body>

</html>

 

3 表单项

3.1 概述

  • 我们可以向form标签中添加不同的表单项。

3.2 应用示例

  • 示例:

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!