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服务器上的网页,指定了某个服务器脚本来处理提交的数据。
相关推荐
wcqwcq 2020-07-04
TONIYH 2020-06-11
yhginny 2020-04-20
nicepainkiller 2020-05-12
Lius 2020-05-05
longshengguoji 2020-02-13
ajaxtony 2020-02-03
HSdiana 2019-12-15
taiyanghua 2019-12-02
sunnyishere 2014-01-22
86580599 2019-09-23
shumark 2014-05-29
爱好HtmlCssJs 2019-10-28
shumark 2014-07-07
AngelicaA 2015-03-14
81751330 2015-03-10
kentrl 2016-05-03
Qc 2020-07-19