HTML表单(下)-创新互联

datalist标签与list属性

为江汉等地区用户提供了全套网页设计制作服务,及江汉网站建设行业解决方案。主营业务为成都网站设计、网站建设、江汉网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

标签是用来给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表单(下)

表单组件之