表单标签

2023-03-21 20:39:38 来源:网络

表单标签

Html页面代码中,为什么要使用表单标签,使用该标签有什么意义?

通俗的讲form标签是用来进行表单提交用的。

form标签里面的常见属性如下。

action: 表单提交的地址, 肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址。

method:以何种方式提交,常见的为get和post. 区别在于一个是明文(在url中显示),一个是暗文。

form标签是和服务器交互用的, 以用户注册为例。

用户在浏览器中的注册页面添加信息后,点击提交,此时是将这些信息提交至某个服务器。

服务器根据提交的信息将注册信息保存. 这个过程就需要使用form标签了。

form中action属性应该是服务器注册模块的地址。

form标签下应该有input,textarea,select等表单标签以及<input type=" submit"标签。

当点击submit按钮时,浏览器会自动将表单信息封装提交至action中的地址。

所谓的提交就是访问action中地址并携带着form表单中input,textarea,select的信息。

【HTML5】增强型表单标签

HTML5中,新标准把文本框提示信息、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能直接加入新的表单标签中。 但在众多现代浏览器中,最新版本的Opera浏览器对新型表单的支持才最为完美。

name: 标识表单提交时的key值 min: 标识当前输入框输入的最小值 max: 标识当前输入框输入的最大值 step: 标识点击增大/减小的时候,增加/减小的步长

当表单在提交前,此文本框会自动校验是否符合邮箱的正则表达式。

此类型标签的加入,输入范围内的数据变得非常简单容易,而且非常标准,用户输入可感知体验非常好。另外此标签可以跟表单新增加的output标签一块使用,达到一个联动的效果。

相关的日期属性还包括:month、time、week、datetime-local、datetime。

novalidate :属性规定在提交表单时不应该验证form或input域。

autocomplete :属性规定form或input域应该拥有自动完成功能。

免责声明:内容来自网络,若侵犯您的权利,请在一个月内通知我们,会及时删除 @轻流