HTML学习笔记【4】

前集回顾：《HTML学习笔记》
【1】
【2】
【3】

3 HTML标签

3.18 表单

• <form>标签【表单标签】

	<form action="" method="">
			
	</form>

• action=""【提交位置】
• method=""【提交方式】

• • get：能提交的数据量小，提交得快，不安全
• • post：能提交的数据量多，提交得相对慢，相对安全

---

表单控件

3.18.1 input 【输入】-特殊的行内块标签

• type="text" 【文本框】，默认宽度是20字符

• type="password" 【密码框】

• type="button" 【按钮】

• type="submit" 【提交按钮】，把表单里的数据（get/post）提交到action指定的位置

• type="reset" 【清空输入】，重置到默认状态

• type="radio" 【单选】，多个一起出现，需要用name进行分类，同样的name才会互斥

• type="checkbox" 【多选】

• type="hidden" 【隐藏域】，用户看不见的区域，用于提交不想让用户看到的数据

• type="file" 【上传文件】，如使用，则表单提交（数据传递）方式需要用post，（get约只有2~3kb）

• 属性

• 1. value：文本框里的【默认值】，当不填时，默认是空字符串
• 2. placeholder：文本框里的【提示信息】，当不填时，默认是"请输入"
• 3. name：文本框信息的【键】，只在提交之后才有用-name与value构成一组键值对
• 4. disabled：【禁用文本框】，设置或不设置值都可以

3.18.2 textarea 【多行文本域】-双标签

• 属性：

• 1. rows【行】高度
• 2. cols【列】宽度

• 因为样式太自由，导致基本没人用

3.18.3 select 【选择】

• 与 option 【选项】组合，形成下拉框
• select属性

• 1. multiple：允许【多选】
• 2. size：【框大小】一次显示几个选项

• option属性

• 1. selected 【默认选中】默认状态

3.18.4 其他

input

• type="color"- 【选色】
• type="date"/"month"/"week"-【时间】