表格形式的使用方法
1. 形式欣赏
2. 理解表格
功能:用于收集不同类型的用户输入
有了表单,网页的内容就可以由用户自己创建,所以对于网页来说,我们既是网页的创建者,又是网页的消费者。
3.常用表单元素
ü 表格形式
ü 输入表单元素、表单项
ü 选择和选项下拉菜单
ü textarea 文本字段
(1) 表单元素
功能:用于创建表单
格式:
基本用法:
重要属性:
1、action:表示将当前表单中的内容提交到该页面进行处理
2.method:表示提交当前表单的方法,常见的表单有get和posthtml基本格式,默认是get提交
(2) 输入要素
表示输入框,有多种形式,可以根据type属性来决定显示哪个输入框。
基本用法:
影响:
注重细节:
1. 对于输入,其类型默认为text,即单行文本
2.对于输入,最好为其添加一个name属性,用于将用户输入的内容提交到需要处理数据的页面
GET提交和POST提交:
得到:
如果以get的形式提交,但是不写name属性,那么用户输入的内容就无法提交,但是也会出现? 这个标志:
邮政:
当用户以post的形式提交时,用户输入的内容不会放在地址栏上,这样更安全:
GET 和 POST 总结:
1、GET会将用户输入的内容放到地址栏上,使用GET请求并不安全
2、POST不会把用户输入的内容放到地址栏上,比较安全
细节:
1. 每个输入标签都有一个value属性。 不同类型的输入具有不同的价值函数
对于type="text",该值是可选的html基本格式,因为可以提交用户输入的内容。
对于 type=”radio” 或 type=”checkbox” ,不能无值提交。
2、对于type=”radio”,如果只想选其一,则需要为每个输入添加name属性,并且属性值也必须一致。 如果不添加,就无法满足单选框的需求。
3.关于单行文本的长度,可以使用size属性来设置,表示字符宽度。 事实上,它并没有被使用。 我们通常通过CSS来控制。
(3)选择和选项
功能:用于实现下拉列表
格式:
基本用法:
当心:
1.默认情况下,提交的时候会使用option上面的内容作为提交的内容,但是一般我们不会这样做,我们一般会为opton设置一个value属性,并且属性值我们一般会使用数字。
使用value后的情况如下:
我们可以使用 selected 属性来使选项处理默认的选定状态。
(3) 文本区域
功能:提供输入框,用于输入大量文字,例如QQ空间发帖状态、贴吧发帖等。
格式:
基本用法: