datalist标签与list属性

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

HTML表单(下)_第1张图片


运行结果:

HTML表单(下)_第2张图片



将表单提交到服务器页面

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

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

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

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

HTML表单(下)_第3张图片


运行结果:

HTML表单(下)_第4张图片


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

HTML表单(下)_第5张图片

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


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

HTML表单(下)_第6张图片


运行结果:


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

HTML表单(下)_第7张图片


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

HTML表单(下)_第8张图片


运行结果:

HTML表单(下)_第9张图片


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

HTML表单(下)_第10张图片


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

HTML表单(下)_第11张图片


运行结果:

HTML表单(下)_第12张图片


服务器接收页面:

HTML表单(下)_第13张图片



表单组件之