如何使用HTML的表单标签?

作者:暴躁小n | 创建时间: 2023-04-26
在我们日常接触中只要在网站输入账号密码就能登录自己的账号,那么用户数据是怎么和服务器进行交互?答案就是使用HTML表单(form)把浏览者输入的数据传送到对应的服务器端,然后服务器端程序对表单传过来的数据进行处理。那么如何使用HTML的表单...
如何使用HTML的表单标签?

操作方法

首先我们右键点击桌面会出现一个弹框,然后点击【新建】选择【文本文档】,创建一个【文本文档】。

创建好【文本文档】后,右键点击重命名,然后把【文本文档】的文件名和后缀名改成save.php,然后通过Sublime打开该文件,在里面编写一些文字,用来证明页面跳转。

按照第一个步骤创建好【文本文档】后,右键点击重命名,把【文本文档】的文件名和后缀名改成index.html,然后用Sublime打开该文件。

在Sublime里面先把html的一些固定模块写好,具体事例如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>表单标签</title> </head> <body> </body> </html>

html的一些固定模块写好后,我们就可以在<body></body>里面编写 <form method="post" action="save.php"> </form>  标签,其中"post"是指传送的方式,“save.php”指服务器文件。

在 <form></form> 标签中间我们还可以编写一些表单控件,例如:文本框、文本域、按钮、单选框、复选框等。具体事例如下 <label for="username">用户名:</label> <input type="text"  name="username" id="username" value="" /> <label for="pass">密码:</label> <input type="password"  name="pass" id="pass" value="" /> <input type="submit" value="确定"  name="submit" /> <input type="reset" value="重置" name="reset" />

以上代码编写完毕之后,我们就可以通过浏览器打开index.html的文件,来测试下一个简单的HTML表单(form)是如何把输入的数据传送到对应的服务器端的。

点击展开全文

更多推荐