form表单

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服务器上的网页,指定了某个服务器脚本来处理提交的数据。

相关推荐