zoukankan      html  css  js  c++  java
  • HTML表单

    今天主要学习的内容是网页中表单的相关知识

    1.表单的属性(表单的开始结束标签是<form></form>)

    ·属性action(动作指向) 例如<form action="xxx.php">表示表单提交给xxx.php进行处理。

    ·属性method(表单提交方法),有两种get 和post.其中get方法会将表单提交的内容直接显示在地址栏,并且有内容大小限制;post方法不会将表单的内容显示在地址栏,用户看不到表单数据的传递,并且内容大小无限制。

    ·属性target(目标跳转至),有_self(在本页面打开),_blank(在新建页面打开)并且一直新建页面打开,_new(仅在一个新建页面打开)。

    2.表单的文本

    ·通过<input type=“”>输入标签中type属来定义,有text(文本域),password(密码输入文本,会以小圆点的形式隐藏输入内容),hidden(隐藏)会隐藏此标签内的内容 ,size(尺寸)来控制文本域的显示长度,

    ·<textarea></textarea>标签文本框来输入文本内容,可以用width(宽度),cols(行数),rows(列数)来限制文本框的大小。

    ·name属性来定义标签的名字(在单选框中可以用来作同类选择辨识),可以与其他标签的具有相同的name

    ·value(值)属性来定义标签的值(或者默认显示值)

    ·id属性来定义标签被辨识和被引用的标识,每个标签的id都是唯一的,不能重名。

    ·maxlength属性用来限制文本域的输入字符长度。

    3.表单的按钮

    ·通过<input type="">输入标签type属性来定义,有

    ·button(普通按钮,无实际效果)

    ·submit(提交按钮)会将表单里相应内容提交给action

    ·reset(重置按钮)会将表单里的相应内容清空

    ·image(图片按钮)一般会插入图片,点击图片的效果相同与submit按钮,提交表达内容。

    4.表单的选择按钮

    ·单选框(多选一)通过<input type="radio">来定义,其中name属性表示与其他相同name的标签进行选择,value属性表示显示出的内容

    ·复选框(可以多选)通过<input type="checkbox">来定义,value属性表示显示出的选择内容

    ·<laber for="id">标签表示模糊点击,即点击相应显示内容也等同与点击相应的选择按钮

    5.表单中的下拉菜单

    ·下拉菜单的开始结束标签<select></select>

    ·下拉菜单的内容用<option></option>来定义

    6.其他属性

    ·readonly属性 表示标签只读,不能被修改编辑

    ·disable属性,作用等同于readonly,标签无法被编辑和修改

    ·hidden属性,表示标签被隐藏,在前端页面无法显示

    ·checked属性 表示默认选中

    ·select属性,表示下拉菜单的默认显示值

     

  • 相关阅读:
    MYSQL导入,导出命令。
    MySQL修改,表结构大幅修改
    Ajax
    js和jQuery的日常
    freemarker 分页取值
    Timer定时任务
    汉字相似度比较
    读取Properties键值对
    Python+requests+unittest+excel实现接口自动化测试框架
    Android App 压力测试方法(Monkey)
  • 原文地址:https://www.cnblogs.com/du892294464/p/6534522.html
Copyright © 2011-2022 走看看