当前位置: 首页 > Web前端 > HTML5

优秀程序员web前端培训分享HTMLCSSHTML表单标签

时间:2023-04-05 16:20:46 HTML5

优秀程序员web前端培训分享HTMLCSSHTML表单标签:form1:表单标签

属性:action='接口地址'method='get/post'name='表单名称'2:表单控件属性:type='控件类型'name:属性标识表单域的名称;Value:属性定义了表单字段的默认值,其他属性根据类型而定。maxlength:控制输入的最大字符数,size:控制框的宽度(以字符为单位)1)文本框2)密码框3)提交按钮4)重置按钮5)清空按钮3:形式补充1)单选按钮组(默认选中)female2)复选框组*disabled="disabled"(disabled)*checked="checked"(默认选中)3)下拉列表(menu):代表下拉列表,name属性不是必须的。默认选择项使用selected属性;4)表单域多行文本定义:语法:多行文本。rows属性和cols属性用于设置文本输入窗口的高度和宽度,单位为字符。防止浏览器拖动窗口设置:{resize:none;}(css属性)5)上传文件:语法:4:表单标签补充1)表单字段设置语法:
说明:相当于一个盒子,可以包含fieldset中的文本和其他元素。此元素用于对表单中的元素进行分组并区分文档中的文本。fieldset元素可以嵌套,里面可以设置多个fieldset对象。Disabled定义可用的空间限制;2)字段级标题:语法:说明:legend元素可以在fieldset对象绘制的框中插入一个标题。图例元素必须是字段集中的唯一元素。3)提示信息标签:语法:描述:label元素用于定义一个标签,为页面上的其他元素指定提示信息。要将label元素绑定到另一个控件,请将label元素的for属性设置为与控件的id属性相同的值。扩展:post/get(1)。从功能上来说,GET一般用于从服务器获取资源,POST一般用于更新服务器上的资源;(2).从REST服务的角度来说,GET是powerwait,即读同一个资源,总是得到同一个数据,而POST不是幂等的,因为每次请求改变的资源是不一样的;更进一步,GET不会改变服务器上的资源,POST会改变服务器资源;(3).从请求参数来看,GET请求的数据会附加到URL中,即请求数据会放在HTTP报文的请求头中,将URL和传输数据分开,参数用&连接。特别是,如果数据是英文字母/数字,则按原样发送;否则,它们将被编码为application/x-www-form-urlencodedMIME字符串(如果是空格,则转换为+,如果是中文/其他字符,则直接将字符串用BASE64加密得到如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX是以十六进制表示的符号的ASCII);而POST请求会将提交的数据放在HTTP请求报文的请求体中。·(4).在安全性方面,POST的安全性要高于GET,因为GET请求提交的数据会以明文形式出现在URL上,而POST请求的参数被打包到请求体中,相对来说更安全.安全。·(5)。从请求的大小来看,GET请求的长度受浏览器或服务器对URL长度的限制,允许发送的数据量比较小,而POST请求则没有大小限制。