html知识点回顾--表单

表单

个人对表单的理解并不深透,只能讲一些表面上的东西了。。。

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属性可以实现多选功能,就是样式变丑了。。。