HTML5基础笔记_2

HTML5专属的结构元素


HTML中的表单——获取用户输入——概要
一个表单标签，四个表单元素标签，但可呈现非常多的表单元素。
表单标签< form> 所有的表单元素标签，都要放到表单标签中
表单元素最丰富的标签< input type=”XXX”
通过不同的type属性值，区分不同的表单元素（框，按钮等）
type的值有10+5要记住
10有：(4框+4钮+2特殊)
文本text、密码框 password、单选框 radio、多选框checkbox；
提交按钮submit、重置按钮reset、图片提交钮image、普通按钮button；
上传文件file、隐藏域hidden
H5中常用的有5个：
邮箱email/网址url/数字num/滑块range/搜索search
表单元素之下拉菜单
要两个标签配合< select>与< option>
表单元素之多行文本框
< textarea>
1.表单标签

method属性的get和post有什么区别？

post方式时，数据不会出现在url中，相对安全；
get方式时，数据会出现在url中，相对不安全；

get方式时，数据在url中，受url长度限制，提交的数据也有限制；xKB
post方式时，数据没在url中，数据不受限。

action属性是数据提交给谁？一般是提交给服务端处理。

表单提交数据时，表单元素是以名值对的形式，提交给服务端。
名是指：表单元素的name属性的值；
值是指：表单元素的value属性的值。

一般来说，不要为按钮配置name属性，这样按钮的值，就不会提交给服务端。

2.表单元素标签




这个值要写在中间

图片提交按钮

调大小size或者列clos多一点

文件域，用来提交文件或者图片，type中选择，提交到网页上。


3.H5特有的表单元素标签: email/url/num/range/search

下面的这个可以用来时间

下面是用来颜色之类的

4.只读与禁用
禁用加上value=“”就可以默认值不可改变

5.表单元素的标注


上面的可以应用在所有表单元素的标签如：