HTML---表单标记

作者: Wovw | 来源:发表于2020-11-07 16:24 被阅读0次

    1.表单标记

    表单就是在网页上用于输入信息的区域,它的主要功能是收集数据信息,并将这些信息传递给后台信息处理模块。(如注册页面)

    表单主要由3部分构成,分别为表单控件、提示信息和表单域

    * 表单控件:表单功能项(输入框、按钮)

    * 提示信息:表单控件前的说明文字

    * 表单域:容纳所有的表单控件和提示信息

    (1)创建表单<form>

    在HTML中,<form>标记用于定义表单域,即创建一个表单。

    基本语法格式: <form action=“url地址” method=“提交方式” name=“表单名称”>各种表单控件</form>

    其中,action属性用于指定表单提交的地址。

    method属性用于设置表单数据的提交方式,取值为GET或POST。其中,GET为默认值,这种方式提交的数据将显示在浏览器的地址栏中,保密性差且有数据量限制。而使用POST提交方式不但保密性好,还可以提交大量的数据,所以开发中通常使用POST方式提交表单。

    (2)表单控件<input>

    基本语法格式:<input type=“控件类型” />

    属性:

    id---控件的ID值

    name---控件的名称

    value---控件中默认值

    size---控件在页面中的显示宽度

    (3)演示(部分代码)

    代码 网页

    密码输入框中内容为不可见状态,单选按钮只能选择一个值,而复选框可以选择多个值。

    2. HTML的多行文本标记:

    使用<input />标记可以定义单行文本输入框。

    使用<textarea></textarea>标记可以创建多行文本框。

    (1)基本语法格式:

    <textarea cols="每行中的字符数" rows="显示的行数">

            文本内容

    </textarea>

    (2)案例(部分代码)

    cols属性用于设置文本框每行的字符数为60,rows属性用于设置文本框的行数为10行,<textarea>标记之间的文字为默认显示文本,该文字可以被用户修改或删除,这里起提示作用。

    相关文章

      网友评论

        本文标题:HTML---表单标记

        本文链接:https://www.haomeiwen.com/subject/uccumktx.html