form表单

最新推荐文章于 2024-10-06 21:49:48 发布

qq_31540403

最新推荐文章于 2024-10-06 21:49:48 发布

阅读量91

点赞数

文章标签：数据库后端

本文链接：https://blog.csdn.net/qq_31540403/article/details/84813391

版权

HTML表单是用于收集，提交输入信息的。在表单中<input>元素是表单最重要元素，其中根据不同type属性决定表单的<input>类型。有：text是文本输入，submit是提交按钮，radio是单选按钮输入。

我用表单是为了在nodejs中给mongodb数据库提交页面输入的数据的，所以我在表单中用到了method属性，通过post请求将页面数据传给后端数据库。例子如下:

<form  method="POST">
<input type="text" name="name">
<input type="submit" value="保存">
</form>

之后在此页面的路由中设置post请求，详细路由设置可以去搜nodejs中express和mongodb数据库链接的教程。

在输入文本框的<input>属性中，一定要设置name属性。

<input type="radio" >定义单选按钮。

单选按钮允许用户在有限数量的选项中选择其中之一。

例子如下：

<html>

<body>

<form name="input" action="/html/html_form_action.asp" method="get">
Male: 
<input type="radio" name="Sex" value="Male" checked="checked">
<br />
Female: 
<input type="radio" name="Sex" value="Female">
<br />
<input type ="submit" value ="确定">
</form> 

<p>如果您点击 "确定" 按钮，您将把输入传送到名为 html_form_action.asp 的新页面。</p>

</body>
</html>

//action中如果省略，则默认为当前页面。我这里是提交到web服务器上的网页，指定了某个服务器脚本来处理提交的数据。