表单

内容纲要

表单

表单域

  • 表达域是一个包含表单元素的区域
  • 在HTML标签中,\
    标签用于定义表达域,实现用户信息的收集和传递

    <form action="url地址" method="提交方式" name="表单域名称">
        各种表单元素控件
    </form>
属性属性值作用
actionurl地址指定接收并处理表单数据的服务器程序的url地址
methodget/post设置表单数据的提交方式
name名称指定表单的名称,区分同一页面中的多个表单域

表单控件

\输入

  • 收集用户信息,包含一个type属性,根据不同的type值,输入字段有多种形式(文本字段、复选框、掩码后的文本控件、单选按钮等)
    <input type="属性值" />
type属性值描述
button可点击按钮(多数情况下,通过JS启动脚本)
checkbox复选框
file输入字段和“浏览”按钮,供文件上传
hidden隐藏的输入字段
image图像形式的提交按钮
password密码字段,其中字符被掩码
radio单选按钮
reset重置按钮,会清除表单中的所有数据
submit提交按钮,会把表单数据发送到服务器
text单行输入字段,可在其中输入文本,默认宽度为20字符
属性属性值描述
name用户自定义定义input元素名称
value用户自定义规定input元素的值
checkedchecked规定此input元素首次加载时应当被选中
maxlength正整数规定输入字段中字符的最大长度
  1. name和value是每个表单元素都有的属性值,主要给后台人员使用
  2. name是表单元素的名字,要求单选按钮和复选框要有相同name值
  3. checked属性主要针对单选按钮和复选框,主要作用是一打开页面就可以默认选中某个表单元素
  4. maxlength是用户可在表单元素输入的最大字符数,一般较少使用

\

  • <label>标签用于绑定一个表单元素,当点击\

\中至少包含一对\