YangsBlog

前端学习第三次-HTML标签说明、网页结构、CSS概述

1.input标签

注意：

input标签，type属性的品种是很多的，有些input属性是针对某种type专用的。例如，type为radio，checkbox时，有个checked属性，只针对他们使用，其他type并不能使用。

placeholer属性：

可实现如右图的效果，在输入域中显示提示

maxlength属性

限制只能输入的最大长度

readonly属性

设置为只读类型，不能够更改

2.label标签

设置for属性等于某input标签id后，实现点击label聚焦输入框

3.select标签

required属性

提交前必须选择一个属性，其值就是required，主要针对样式表
样式表如下设置输入中加入required属性

当存在输入不合法的值时（这里违反required），就会产生红色边框

未输入前：输入后：

size属性

可通过size属性实现显示多行

4.表单提交

url和uri

url (网址), universal resource location (全球资源定位符)，url是uri的子集
uri universal resource identication，能在全球位置定位唯一的（范围广泛，如gps add，qq号，url等）

Get提交和post提交的差异

method方法默认提交方式为get方式
1） get提交的数据有限，因为get提交保存信息在url串上，url串长度一般不能超过256个字符，所以如果提交大量文本数据，则无法做到。
2） get提交虽然无法提交大数据，但成本低，速度快！
3） post提交，数据将保存在一个内部对象中，发往目的地，而不再出现在URL串上，能提交大数据，具有良好的保密性。但post提交要造额外对象，成本较高，如无必要，或提交内容较少，尽量考虑get提交。在这里，强调一点，中文尽量不要用get提交，因为中文要转码，URL上不能直接出现中文。
4) get提交安全性不足，容易被人截获，尤其包含密码等内容。

5.网页结构

网页结构是一颗倒置树，有些标签只能做枝干，不能做叶子(block element块内标签)
如

标签，只能作为枝干，不能作为叶子，还有