表单用于接收用户输入的数据,然后将数据提交给服务器做相应的处理,使得HTML页面具有了交互性。
form标签中的各个标签都是一个完整的控件,用于接收各种类型的数据,并上传到服务器;都有name和value属性,name表示该控件的名称,value表示该控件接收到的数据,提交时两者一起提交到服务器,这样服务器就知道哪个数据属于哪个控件,对其采取相对于的处理。
常见用法:
//action表示提交给哪个后台处理页面;method表示提交采用的方法:get方法用于获取数据,提交的数据不保密显示在地址栏;
//post方法用于上传数据,提交的数据保密。target表示提交后的新页面在哪里打开
//接收小段字符,不可以换行;label标签for属性值为对应的标签id属性值,当点击label标签时,效果同点击其对应的input标签
姓名:
//接收小段字符,默认显示为圆点,不可以换行;label标签for属性值为对应的标签id属性值,当点击label标签时,效果同点击其对应的input标签
密码:
//单选,注意name要一致;checked表示默认选择
男: //单选,注意name要一致
女: //单选,注意name要一致
爱好: //多选,注意name要一致;checked表示默认选择
读书
听歌
看电影
居住地:
//下拉菜单,单选;设置selected属性的为默认选项,否则为第一项beijing
北京
深圳
上海
上传文件
//上传文件,accept表示接收的文件类型,其他类型不接收
//该控件是隐藏的,页面渲染时,value值由服务器随机提供;提交时,value会一并提交给服务器,服务器可以检验value是否遭到篡改,提升了安全性。
个人描述:
//接收大段字符,可以换行
点击我默认没有任何动作 //默认没有任何后续功能
提交
//button标签放在form标签中时,具有提交功能
//form标签常规的提交
//重置数据