成都创新互联网站制作重庆分公司

HTML表单(下)

datalist标签与list属性

我们提供的服务有:成都做网站、成都网站制作、成都外贸网站建设、微信公众号开发、网站优化、网站认证、达孜ssl等。为1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的达孜网站制作公司

标签是用来给list属性提供列表数据的,类似于一个数据组,option标签用于给这个数据组填充数据。然后在组件的list属性里指定标签的id属性值即可实现下拉框的效果,示例:

HTML表单(下)

运行结果:

HTML表单(下)

将表单提交到服务器页面

在html5中表单提交页面可以在submit中指定,要注意的是:html5之前的版本不支持这么写,这是html5才有的写法。在submit中指定表单的提交页面的话,就可以实现不同的submit设置不同的表单提交页面。

除了可以在submit中指定表单提交页面外,还可以使用formmethod属性来指定提交的方式,同样的有formtarget属性用来指定表单提交后显示的窗口。所以submit中支持

标签的全部属性,只不过是在属性名称的前面多了个form而已。

接下来我们使用w3c的服务器接收页面来看看中name属性的作用:

HTML表单(下)

运行结果:

HTML表单(下)

服务器接收页面就会把name的值指向你页面输入的数据:

HTML表单(下)

所以name属性是用来给服务器识别你输入的数据的

如果把formmethod的值设置为post的话,提交的数据就不会显示出来,示例:

HTML表单(下)

运行结果:

HTML表单(下)

formmethod设置为post后,服务器接收页面就不会显示数据,数据被隐藏了:

HTML表单(下)

value属性在单选框中的应用示例:

HTML表单(下)

运行结果:

HTML表单(下)

服务器就会把name值指向value值:

HTML表单(下)

在复选框应用也是一样的:

HTML表单(下)

运行结果:

HTML表单(下)

服务器接收页面:

HTML表单(下)

表单组件之