表单
个人对表单的理解并不深透,只能讲一些表面上的东西了。。。
form有两个属性,至于有什么用,我还木有弄明白。。。
- action:输入的数据被传送到的地址,比如一个PHP页面(test.php)。
- method:数据传送的方式(get/post)
input有很多类型。type属性来确定是哪一种类型。
单标签:
① text:文本输入框,value值表示默认显示的文字内容
② password:密码输入框,value值表示默认显示的密码值;name 为文本框命名,以备后台程序ASP 、PHP使用
③ radio:单选框
④ checkbox:复选框
③和④有共同的属性name,value,checked。value 提交数据到服务器的值(后台程序PHP使用);name 为控件命名,以备后台程序ASP、PHP使用当设置checked 或 checked=”checked”时,该选项被默认选中。
注意:同一组的单选按钮,name取值一定要一致,这样同一组的单选按钮才可以起到单选的作用
⑤ submit:提交按钮
⑥ reset:重置按钮
⑦ hidden:隐藏,将数据存放到value中
⑧ button:按钮,按钮上的值可以通过value来改变
⑨ file:文件上传; 它是常用的上传标签,但是它长得又丑、浏览的字样不能换,我们一般会用让它隐藏,点其他的标签(图片等)来时实现选择文件上传功能。
双标签:
① textarea:文本域;这个类型有一个不好的,就是可以随意改变大小。可以通过添加如下两个样式禁用拖动,固定大小:
1、彻底禁用拖动(推荐)resize:none;2、只是固定大小,右下角的拖动图标仍在
width: 200px; height: 100px; max-width: 200px; max-height: 100px;textarea的cols属性值规定多行输入域的列数。同样,rows规定多行输入域的行数。
② select:下拉框,它是一个组合标签。
<select>
<option></option>//下拉选项
<option></option>//下拉选项
<option></option>//下拉选项
</select>
select的multiple属性可以实现多选功能,就是样式变丑了。。。